Olive Canyon color palette — #E9F5F2 · #A0BD95 · #00896A · #337700 · #001213

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

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Sage (#A0BD95): A luminous, dusty green — the color of new leaves after rain.
• Fern (#00896A): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#337700): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001213): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Cypress Lantern color palette (#E9F4F5, #79C5AA, #00858E, #00765A, #001118)
• Muted Chestnut Meadow color palette (#EBF5EE, #C3B284, #677F39, #7C6100, #00120D)
• Muted Fern Workshop color palette (#F7F5ED, #AFB665, #007A9B, #616500, #162920)
• Hushed Emerald Boulevard color palette (#F5F6EC, #A3D497, #00A78D, #519341, #1F271B)
• Lagoon Studio color palette (#C2F8DA, #7EC5B0, #00897D, #00504E, #00262A)
• Wandering Pine color palette (#ECF4F3, #D0D8DB, #ADBFCB, #458557, #222F2E)
• Worn Navy Delta color palette (#DEF9F2, #63AD93, #007B77, #254380, #00282D)
• Washed Thicket color palette (#DCF3F3, #00B075, #00686D, #005B3B, #000405)

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