Olive Canyon color palette — #FFF1F6 · #FFA8AE · #D78800 · #5A8700 · #3A2900

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ballet Pink (#FFA8AE): A luminous, balanced red — the color of late-summer berries.
• Mustard (#D78800): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#5A8700): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#3A2900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Marigold Studio color palette (#FBF0E3, #FFB37B, #E49A00, #938000, #221400)
• Soft Coral Atelier color palette (#FFF0F9, #F59DC3, #FF7D65, #897100, #4E270F)
• Soft Mustard Orchard color palette (#E5FCED, #FFB788, #C3A800, #008865, #2F380F)
• Olive Terrace color palette (#F4E7DB, #BC9A47, #716C00, #375300, #003F30)
• Muted Market color palette (#D1E6D4, #FF6D61, #9F6E00, #1A6E07, #151300)
• Softworn Fern color palette (#CEEBE3, #A57A00, #386A00, #004242, #000502)
• Dusty Canyon color palette (#DAFDFC, #BCB539, #00A358, #006C85, #002C27)
• Faded Ember color palette (#DBF2E6, #D66515, #857600, #005631, #080A00)

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