Olive Canyon color palette — #ECF4F1 · #CBD9DD · #9CC9CB · #5A7700 · #0D2B24

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#CBD9DD): a clean, paper-quiet neutral.
• Ash (#9CC9CB): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#5A7700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#0D2B24): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Lagoon Lantern color palette (#ECF4F4, #D0D9E1, #B4BECA, #1F886A, #232E2F)
• Weathered Fern Courtyard color palette (#E3EBE9, #C1CFCE, #8EA9AD, #2E6400, #081917)
• Worn Market color palette (#F7F5EA, #CEDFD2, #ABC4A9, #667200, #424034)
• Feathered Pine color palette (#DFF9EC, #9AB17B, #3C7C40, #524F00, #182500)
• Moss Meadow color palette (#EFF7F4, #D1DFE4, #C9C3CD, #889E00, #1D3C32)
• Nocturne Study color palette (#D0F2F0, #008043, #00322A, #001413, #000503)
• Abyss Meadow color palette (#DCECEF, #8DA4AC, #5B8297, #004037, #000507)
• Feathered Aubergine Summit color palette (#DDFBE3, #72A146, #00725B, #53008F, #002407)

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