Olive Canyon color palette — #ECF4F1 · #C1CA8A · #4D9469 · #70782C · #071919

Built around Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Pistachio (#C1CA8A): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#4D9469): A luminous, balanced teal — the color of sea glass.
• Olive (#70782C): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#071919): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

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

• Dusty Lagoon color palette (#EBF4F4, #97D3B5, #149598, #358261, #0A181C)
• Wandering Lagoon color palette (#F9F5ED, #D3BF86, #009088, #7F6B2F, #273126)
• Powdered Lagoon Alley color palette (#C9FFF4, #A4D3A9, #3C9768, #006048, #003229)
• Weathered Sand Ridge color palette (#F7F5EC, #CFD896, #73AA86, #8B925D, #2C2F25)
• Wandering Fern color palette (#E4F7F3, #7CBB62, #007E60, #2D6C00, #000C0D)
• Worn Driftwood color palette (#ECF4F2, #CFD9DB, #AFA9B2, #768B5F, #303836)
• Hushed Amber Meadow color palette (#F1F7F2, #C4E0CB, #5BC2BB, #B39740, #112125)
• Aged Cobalt color palette (#E7F5F7, #1B978E, #5170AC, #574371, #1D1723)

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