Olive Canyon color palette — #F7F5EF · #CDC097 · #588B61 · #757100 · #2D2F28

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

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Sand (#CDC097): A luminous, dusty green — the color of new leaves after rain.
• Fern (#588B61): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#757100): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2D2F28): a grounded near-black with real depth.

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

• Antique Pine color palette (#F4F6EF, #BAC6A1, #138E97, #1F8052, #253128)
• Worn Atelier color palette (#F5F1EB, #DABF93, #009693, #906A22, #101810)
• Tempered Balcony color palette (#F1F7F2, #E5CEA4, #37B486, #A98641, #1D3233)
• Dusty Coast color palette (#F9F6E3, #95B18A, #4D8567, #116281, #464D00)
• Tempered Pier color palette (#F9F8D0, #A5C49E, #599366, #00724D, #005944)
• Driftwood Workshop color palette (#F6F5EF, #D7DCD5, #9DB1B3, #7C885A, #54534C)
• Patina Pine color palette (#E6EDDD, #008D5C, #1A495E, #003C25, #000501)
• Velvet Fern color palette (#F2EFDD, #596100, #00362D, #1C2000, #020200)

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