Twilit Onyx Canyon color palette — #D8EBFA · #003D55 · #471B00 · #230A00 · #000205

A conversation between Espresso and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#D8EBFA): A whisper-light, dusty blue — the color of open sky before noon.
• Deep Teal (#003D55): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#471B00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#230A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000205): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit Onyx Canyon 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

• Navy Alley color palette (#DFECFF, #00298C, #372700, #1A1100, #00010B)
• Velvet Onyx color palette (#CDE2F3, #433D46, #002C4B, #241400, #100700)
• Cocoa Bloom color palette (#DAE9E1, #005C74, #693600, #401F00, #000203)
• Shadow Summit color palette (#D5EAE2, #004A8A, #360051, #0C0F00, #020019)
• Cellar Onyx Workshop color palette (#D2E2ED, #006483, #4B0039, #00212D, #030009)
• Patina Ultramarine color palette (#DDE5F4, #370EE1, #4E4300, #302800, #060829)
• Navy Harbor color palette (#E0E6EE, #9399AA, #6E6D8A, #002A58, #030A14)
• Velvet Nightshade Workshop color palette (#DBE1F2, #4000B7, #164100, #00240B, #04001B)

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