Olive Canyon color palette — #E9FBED · #B7BA74 · #6F8B49 · #44687F · #223C31

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9FBED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B7BA74): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#6F8B49): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#44687F): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#223C31): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Lagoon Parlor color palette (#EBF9F3, #B3CF9D, #699E74, #607489, #304843)
• Dusty Cypress Ridge color palette (#F8F5E9, #C7D7AC, #769563, #00736E, #2C2909)
• Aged Market color palette (#D2ECDC, #9EAF48, #4A822A, #65496E, #063125)
• Fern Thicket color palette (#EBFAEA, #7AA78F, #556C34, #3D4A68, #1A3E2D)
• Clover Courtyard color palette (#C7F7ED, #19CB73, #008C70, #4C578A, #01381B)
• Frosted Fern Dune color palette (#D2F0DF, #879D3E, #367024, #234963, #002119)
• Antique Mallow Harbor color palette (#EDECFF, #D89CFF, #82A23C, #7A4999, #2E3B13)
• Powdered Canyon color palette (#E4E0FF, #C469DF, #B47D00, #00888C, #2B2740)

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