Color palette
| Opaque colors: Contrast grid background colors | |||
|---|---|---|---|
| Color name | Color swatch | Hex | RGB |
| white | #ffffff | rgb(255, 255, 255) | |
| light-gray | #f8f8f8 | rgb(248, 248, 248) | |
| medium-gray | #e5e5e5 | rgb(229, 229, 229) | |
| mid-gray (UI only!) | #808080 | rgb(128, 128, 128) | |
| apple-red-light | #f2dadb | rgb(242, 218, 219) | |
| palouse-gold-light | #ffe7b3 | rgb(255, 231, 179) | |
| cedar-brown-light | #f1e8d3 | rgb(241, 232, 211) | |
| cascade-green-light | #e9f2da | rgb(233, 242, 218) | |
| pacific-blue-light | #d3eaf1 | rgb(211, 234, 241) | |
| olympic-blue-light | #cfdde6 | rgb(207, 221, 230) | |
| puget-silver-light | #dbe4e9 | rgb(219, 228, 233) | |
| rainier-violet-light | #e7dbe9 | rgb(231, 219, 233) | |
| Opaque colors: Contrast grid text colors | |||
|---|---|---|---|
| Color name | Color swatch | Hex | RGB |
| apple-red | #d22630 | rgb(210, 38, 48) | |
| palouse-gold | #f2a900 | rgb(242, 169, 0) | |
| cedar-brown | #8c663f | rgb(140, 102, 63) | |
| cascade-green | #4a7729 | rgb(64, 126, 142) | |
| pacific-blue | #003e51 | rgb(0, 62, 81) | |
| olympic-blue-web | #0075c6 | rgb(0, 117, 198) | |
| puget-silver | #4f758b | rbg(79, 117, 139) | |
| rainier-violet | #84329b | rgb(132, 50, 155) | |
| rich-black | #000000 | rgb(0, 0, 0) | |
| print-black | #333333 | rgb(51, 51, 51) | |
| dark-gray | #555555 | rgb(85, 85, 85) | |
| Translucent colors (colors with transparency / alpha channel) | |||
|---|---|---|---|
| Color name | Color swatch | Hex | RGB |
| light-gray-transparency | #f8f8f8cc | rgba(248, 248, 248, 0.8) | |
| print-black-transparency | #333333cc | rgba(51, 51, 51, 0.8) | |
| rich-black-transparency | #00000080 | rgba(0, 0, 0, 0.5) | |