Eclipse Canyon color palette — #E4ECFF · #5C5C00 · #100045 · #0D051A · #01000A

Deep Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E4ECFF): A whisper-light, dusty violet — the color of wild irises.
• Olive (#5C5C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#100045): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0D051A): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Chestnut Workshop color palette (#DEEBFB, #7F4900, #2C1E1F, #00142E, #000104)
• Midnight Chapel color palette (#F1D8E8, #747C00, #230080, #040021, #050003)
• Charred Villa color palette (#F2EBFD, #617100, #3A002D, #271116, #090005)
• Cellar Harbor color palette (#E7ECFF, #A42B3B, #170040, #1E0B1A, #030010)
• Soft Aubergine Corridor color palette (#DFE2F6, #6E9C64, #41266B, #190036, #01000D)
• Weathered Station color palette (#E8E8F0, #908A97, #79627B, #410058, #010009)
• Mulberry Courtyard color palette (#F3F0FA, #A9BB8C, #71416D, #3D153A, #0E0919)
• Deep Pier color palette (#E0E6F4, #514A9C, #4E1200, #1E005B, #040002)

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