Nocturne Onyx color palette — #CCEAEE · #007FA2 · #004674 · #020039 · #010009
A conversation between Deep Indigo and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#CCEAEE): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007FA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004674): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#020039): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.
Use it as a design system
One click turns Nocturne 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
- Moonless Cypress color palette (#D5E9E5, #008484, #004855, #000D17, #000104)
- Onyx Boulevard color palette (#CBE6DC, #005F6D, #002E51, #0D0038, #030005)
- Misty Nightshade color palette (#C8EADA, #008E9F, #0062A2, #2D00B1, #0B0013)
- Eclipse Nightshade Lagoon color palette (#D2EEFC, #007ED1, #0819AE, #0B0031, #020006)
- Navy Dune color palette (#E3F6E7, #006E8A, #001D8B, #200200, #000103)
- Aged Abyss Coast color palette (#DDE8ED, #AEBDC9, #7C94B1, #004451, #000103)
- Nocturne Aubergine Meadow color palette (#D1E7F6, #005D7C, #470054, #120400, #000200)
- Aubergine Studio color palette (#D7ECF7, #6B83AB, #543B7A, #351500, #030100)
Browse the whole catalog at Explore, or see today's palette.