Packet Console color palette
Packet Console is a 5-color palette drawing on teals and cyans, blues and purples. In OKLCH its lightness runs from 26% (#002938, dark) to 93% (#D7EBFF, very light), and its most saturated color, #7873CA, is moderately saturated. 4 of its 5 chromatic colors sit on the cool side of the hue wheel. 3 of its 10 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged tech, purple, blue, cold and colorblind-friendly.
- Oxford Blue #002938
- Steel Blue #364E8C
- Lavender Gray #7873CA
- French Gray #C2A1F2
- Gainsboro #D7EBFF
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #002938 | rgb(0, 41, 56) | hsl(196, 100%, 11%) | oklch(26.2% 0.051 228.1) |
| Steel Blue | #364E8C | rgb(54, 78, 140) | hsl(223, 44%, 38%) | oklch(43.7% 0.106 266.2) |
| Lavender Gray | #7873CA | rgb(120, 115, 202) | hsl(243, 45%, 62%) | oklch(59.9% 0.13 284.4) |
| French Gray | #C2A1F2 | rgb(194, 161, 242) | hsl(264, 76%, 79%) | oklch(76.8% 0.118 302.4) |
| Gainsboro | #D7EBFF | rgb(215, 235, 255) | hsl(210, 100%, 92%) | oklch(93.1% 0.035 248.2) |
Accessibility
The best text and background pairs in Packet Console, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #D7EBFF on #002938 | 12.53:1 | AAA | Lc -90.0 |
| #002938 on #C2A1F2 | 7.04:1 | AAA | Lc 57.2 |
| #D7EBFF on #364E8C | 6.56:1 | AA | Lc -77.6 |
Color vision
No pair of colors comes within ΔE 0.06 of another under protanopia, deuteranopia, tritanopia or achromatopsia. It is tagged colorblind-friendly: every pair stays at least ΔE 0.14 apart.
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
Use it in code
Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/002938-364e8c-7873ca-c2a1f2-d7ebff.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.