Olive Canyon color palette — #F2F2EC · #CFD9D3 · #AABDAD · #546F2C · #222114
A conversation between Olive and Stone, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F2EC): a clean, paper-quiet neutral.
- Silver (#CFD9D3): bright and airy, almost weightless.
- Stone (#AABDAD): A luminous, dusty green — the color of fresh herbs.
- Olive (#546F2C): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#222114): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Forest Orchard color palette (#EDF5E8, #C9D8CD, #8DAFD1, #006B55, #101F02)
- Antique Cocoa Villa color palette (#ECDCC7, #ACA385, #697F5B, #734435, #382403)
- Softworn Fern Villa color palette (#F8F1E1, #A0A37E, #287360, #504700, #1D1E00)
- Patina Pier color palette (#EFF7F5, #CFDCE2, #ACC3DC, #718B40, #313E3A)
- Forest Boulevard color palette (#EBECE3, #AFB6AB, #759781, #1C5100, #0B0C00)
- Deep Pine color palette (#EAF2DC, #00784D, #0D2C18, #090F00, #030200)
- Hushed Garnet color palette (#EBF0E2, #408E5E, #00654C, #610037, #001A09)
- Tempered Boulevard color palette (#E0E5E0, #82928B, #7D6077, #003130, #000200)
Browse the whole catalog at Explore, or see today's palette.