Midnight Study color palette
Midnight Study is a 4-color palette drawing on blues and teals and cyans. In OKLCH its lightness runs from 32% (#00365B, dark) to 94% (#C7F2FF, very light), and its most saturated color, #8A99EC, is moderately saturated. 4 of its 4 chromatic colors sit on the cool side of the hue wheel. 2 of its 6 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged cold, teal, purple and colorblind-friendly.
- Prussian Blue #00365B
- Teal #007E7A
- Chefchaouen Blue #8A99EC
- Diamond #C7F2FF
Color codes
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #00365B | rgb(0, 54, 91) | hsl(204, 100%, 18%) | oklch(32.3% 0.083 246.1) |
| Teal | #007E7A | rgb(0, 126, 122) | hsl(178, 100%, 25%) | oklch(53.5% 0.092 190.9) |
| Chefchaouen Blue | #8A99EC | rgb(138, 153, 236) | hsl(231, 72%, 73%) | oklch(70.5% 0.123 275) |
| Diamond | #C7F2FF | rgb(199, 242, 255) | hsl(194, 100%, 89%) | oklch(93.5% 0.048 218.1) |
Accessibility
The best text and background pairs in Midnight Study, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.
| Pair | WCAG 2 | Level | APCA Lc |
|---|---|---|---|
| #C7F2FF on #00365B | 10.47:1 | AAA | Lc -88.2 |
| #00365B on #8A99EC | 4.68:1 | AA | Lc 44.0 |
| #C7F2FF on #007E7A | 4.12:1 | AA large | Lc -65.8 |
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/00365b-007e7a-8a99ec-c7f2ff.json.
Make it your own
Edit the colors, build a full light and dark color system from them, or see them on real UI.