Midnight Canyon color palette — #F9E3F0 · #7E2B00 · #00322A · #220030 · #170000

Rust and Deep Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F9E3F0): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#7E2B00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00322A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#220030): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#170000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged dark, muted.

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

• Twilit Garnet color palette (#F6DDF4, #8E001E, #123300, #0B0047, #170001)
• Cellar Cocoa color palette (#D6ECDB, #5D4600, #002F3D, #2C0013, #170000)
• Cellar Navy color palette (#D4EDE5, #405200, #000D82, #04004B, #170001)
• Ancient Fern Lagoon color palette (#D3EAE1, #535F00, #003863, #42000B, #131300)
• Antique Olive Harbor color palette (#D0F4E8, #5C7000, #005240, #002B38, #0D0600)
• Muted Abyss color palette (#FAEAF5, #6598A8, #005267, #003121, #001527)
• Washed Study color palette (#FBE1D5, #936E31, #355124, #351465, #3A002A)
• Washed Ember Lagoon color palette (#D2F6E2, #E1591B, #746900, #005236, #070900)

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