Olive Canyon color palette — #DCE1F3 · #528A00 · #291565 · #080024 · #00000A

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

The five colors

• Frost (#DCE1F3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Olive Leaf (#528A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#291565): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#080024): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Olive Quarry color palette (#DEDFF5, #5E7100, #2D0049, #250F1C, #05000D)
• Chalky Aubergine color palette (#F0EDFE, #88A200, #650071, #28002E, #04000F)
• Hushed Bronze Boulevard color palette (#DEECFF, #AC6400, #002462, #1D1117, #00061D)
• Aubergine Station color palette (#F4D4E0, #B88A00, #572488, #240A3C, #090003)
• Worn Garnet color palette (#EFDFF1, #9C9000, #6D0029, #2A000B, #040005)
• Feathered Mustard color palette (#F8EDFF, #B5AC00, #81224F, #3B0B22, #0D0412)
• Hushed Mint Bloom color palette (#EFF1FC, #A0C078, #5C4882, #222440, #0B0C14)
• Timeworn Garnet color palette (#E6E2EF, #BAAEBE, #9B8695, #69225E, #0D0814)

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