Olive Canyon color palette — #F9F5E6 · #AFB487 · #958FD0 · #737900 · #644054

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

The five colors

• Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#AFB487): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#958FD0): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#737900): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#644054): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Weathered Bronze color palette (#FCF3EB, #CFA781, #6D9CD1, #A36000, #5B445D)
• Wisteria Basin color palette (#F7F1E6, #C6B273, #BA84CE, #876F1C, #43272F)
• Weathered Pine Pier color palette (#F2F7EB, #89BEA2, #C081AB, #0A875B, #694042)
• Weathered Lilac Terrace color palette (#E9FAF2, #C9C88E, #B9A3E7, #929049, #474A69)
• Antique Orchard color palette (#F9F6E1, #929F6A, #4E91BE, #AD5573, #44433B)
• Fern Courtyard color palette (#F8F6E4, #D1E0D0, #B4B3C1, #908554, #4E5000)
• Tempered Bronze Corridor color palette (#FFF2EB, #C7B4A4, #AD6F48, #8A4930, #643E00)
• Frosted Orchid Canyon color palette (#F7F8DA, #75B84A, #A451D4, #2D5C00, #4E2367)

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