Hazy Onyx color palette — #D2E4E2 · #0099A8 · #00657D · #003558 · #001D5A
Built around Midnight, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Silver (#D2E4E2): a clean, paper-quiet neutral.
- Cerulean (#0099A8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00657D): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003558): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001D5A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Onyx into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Worn Lagoon color palette (#DCF2E2, #00A385, #00635F, #003E48, #002532)
- Garnet Veranda color palette (#CEE5D2, #00888D, #00527B, #640024, #002932)
- Timeworn Navy color palette (#CBE5E8, #0081A3, #004A76, #010778, #120041)
- Weathered Navy Terrace color palette (#A5F7F8, #58ADBF, #0073A0, #00407A, #181380)
- Hushed Harbor color palette (#E6F1F4, #C2CED5, #8EA4B4, #006260, #15333A)
- Hushed Corridor color palette (#C9E3EC, #3A99D1, #0056A2, #20009D, #27005C)
- Muted Sapphire color palette (#E8F8FF, #00CEB1, #0097B2, #0061D2, #002331)
- Antique Navy Thicket color palette (#D7F3DA, #00B8AA, #0087A0, #0047A1, #2B005C)
Browse the whole catalog at Explore, or see today's palette.