Twilit Onyx color palette — #D4E2F3 · #514644 · #002955 · #17101A · #03000E
A conversation between Midnight and Black, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4E2F3): A whisper-light, dusty blue — the color of open sky before noon.
- Cocoa (#514644): a grounded near-black with real depth.
- Midnight (#002955): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#17101A): A deep, shadowed, dusty pink — the color of neon signs at night.
- Black (#03000E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
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
- Charred Pier color palette (#D6E0F4, #463B36, #190080, #220D1E, #04000A)
- Hushed Workshop color palette (#E2E2EF, #8B5EAC, #372B41, #141228, #04060D)
- Tempered Navy Market color palette (#F9EAF2, #4D8096, #003D6B, #001F1E, #00000C)
- Aubergine Parlor color palette (#C1E9EA, #365974, #44296A, #1A1500, #000401)
- Forest Villa color palette (#D3E4DE, #29663E, #00322A, #001720, #000200)
- Moonless Alley color palette (#E1ECFD, #375FD5, #312047, #030B30, #000409)
- Cellar Pier color palette (#EAE2FC, #4D078A, #313400, #002412, #020007)
- Charred Garden color palette (#E7EAFF, #541696, #331E1C, #1F001A, #020007)
Browse the whole catalog at Explore, or see today's palette.