Twilit Onyx color palette — #CDE2F3 · #004260 · #360036 · #120600 · #000301

Deep Indigo and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE2F3): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#004260): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#360036): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged dark, 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

• Lowlit Onyx Canyon color palette (#D6EAF2, #00464C, #200058, #1A0005, #030200)
• Navy Thicket color palette (#D7E8FB, #002E57, #322623, #140E18, #02001B)
• Shadow Nightshade Ridge color palette (#DBE8FF, #1B00B5, #1E1E25, #3E0019, #0C0900)
• Midnight Garnet color palette (#C9E6D7, #00617D, #68003E, #251800, #030200)
• Softworn Harbor color palette (#DCEAF3, #425EA4, #43285D, #301400, #140E00)
• Midnight Forest Harbor color palette (#D2E7E2, #00703E, #003428, #001B1E, #000807)
• Cerulean Canyon color palette (#E4F3E6, #348CA7, #004160, #002223, #00091A)
• Ultramarine Cabin color palette (#D2E5FF, #0946F1, #230085, #1D004C, #120022)

Browse the whole catalog at Explore, or see today's palette.