Olive Canyon color palette — #FFF3E8 · #DDDDCA · #B1B774 · #4F833C · #005038

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#DDDDCA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B1B774): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#4F833C): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#005038): A deep, shadowed, balanced teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Tempered Emerald Veranda color palette (#FFF4DB, #A8C06E, #00953B, #004B39, #001B1D)
• Wandering Drift color palette (#FFF1F7, #D4C182, #81874C, #3C663B, #00513C)
• Muted Bronze color palette (#FFF2EE, #E0DACE, #DBAA72, #8E6F00, #3B4600)
• Weathered Lagoon color palette (#FFF5D7, #C8E6C4, #76BF9A, #008E88, #004854)
• Jade Atelier color palette (#E0E2CF, #6EB069, #00775E, #003434, #000407)
• Fern Bloom color palette (#F8F5EA, #AEB476, #515B11, #2F2B1B, #130F09)
• Gentle Atelier color palette (#FFF8BD, #BCDE9C, #43A26A, #00625C, #002129)
• Aged Workshop color palette (#F8F4EF, #D8DCD4, #A9B5BD, #C8AA71, #514D46)

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