Midnight Canyon color palette — #D5E2F8 · #233CC0 · #760037 · #08006C · #130005

A conversation between Cobalt and Deep Indigo, giving this palette its sense of creativity and energy.

The five colors

• Frost (#D5E2F8): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#233CC0): A full-bodied, vivid violet — the color of wild irises.
• Mulberry (#760037): A deep, shadowed, balanced red — the color of a theater curtain.
• Deep Indigo (#08006C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#130005): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Midnight 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

• Shadow Cabin color palette (#E0E6FF, #5A2DAC, #760F00, #270059, #130100)
• Ultramarine Harbor color palette (#CFE1FB, #0330C6, #523400, #000963, #020100)
• Shadow Aubergine color palette (#D3DEFE, #3F00A8, #60003C, #002933, #02000D)
• Obsidian Parlor color palette (#D9E6EF, #005977, #690068, #002433, #100010)
• Sapphire Grove color palette (#F7EBF7, #0062D6, #6E5400, #003478, #090500)
• Washed Aubergine color palette (#ECEDFF, #6A1FA8, #00474E, #2E0050, #000709)
• Byzantium Corridor color palette (#E4DFFB, #9606A6, #00546B, #4A0053, #00121A)
• Velvet Workshop color palette (#DFE3F2, #4E55CD, #1E0088, #04002C, #050004)

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