Olive Canyon color palette — #EAFAF2 · #AAB683 · #647D48 · #665362 · #2F4940

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

The five colors

• Ivory (#EAFAF2): bright and airy, almost weightless.
• Sage (#AAB683): A luminous, dusty green — the color of fresh herbs.
• Olive (#647D48): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#665362): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#2F4940): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Cypress color palette (#E4FAFB, #80BEAC, #2A8379, #435D72, #2C484B)
• Worn Fern color palette (#E6FBF1, #91A466, #4B6F2A, #3A5239, #183D33)
• Mustard Grove color palette (#E3FDEA, #B6A439, #6E6E00, #724327, #433B0C)
• Basalt Bloom color palette (#FAF5E7, #C0CA9C, #7E9971, #8B666F, #4D4200)
• Patina Oat color palette (#FFF0F7, #E4E0CF, #E0C591, #A57363, #624853)
• Patina Teal Studio color palette (#F0F8F0, #B4E0D0, #86BB93, #898DB1, #2C493F)
• Muted Archive color palette (#FFF0F9, #E97E51, #669956, #9C4A27, #304B28)
• Ember Terrace color palette (#FFF0F8, #D66211, #7B8229, #8F5079, #46303D)

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