Twilit Onyx color palette — #CCE3E9 · #005879 · #002B60 · #0A0047 · #03000E
A conversation between Deep Indigo and Navy, giving this palette its sense of trust and stability.
The five colors
- Silver (#CCE3E9): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#005879): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#002B60): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#0A0047): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#03000E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.
Use it as a design system
One click turns Twilit 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
- Twilit Harbor color palette (#DFECF5, #0064A5, #00366C, #001242, #020025)
- Smoked Navy color palette (#E0EEF7, #004A97, #15007C, #110031, #030006)
- Charred Abyss Orchard color palette (#D1F9F1, #00575B, #00313E, #000E1C, #000105)
- Smoked Thicket color palette (#EEDDED, #03489A, #493A00, #001C46, #020100)
- Navy Market color palette (#C9EFF9, #0078B1, #004093, #14007E, #0E002C)
- Wandering Mulberry Dune color palette (#F5E5F4, #937EC2, #974372, #00394A, #02000B)
- Deep Harbor color palette (#E1E8FF, #222693, #412D00, #152204, #00000B)
- Nightshade Quarry color palette (#C7E6FB, #4A86D6, #4739BA, #3A007E, #240037)
Browse the whole catalog at Explore, or see today's palette.