Olive Canyon color palette — #F6F6E9 · #D9E1D1 · #ADC5B2 · #578800 · #33332C
A conversation between Olive Leaf and Stone, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Bone (#D9E1D1): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#ADC5B2): A luminous, dusty teal — the color of shallow lagoons.
- Olive Leaf (#578800): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#33332C): quiet, heavy and certain.
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
- Olive Orchard color palette (#E9F9F5, #CAE3F1, #B1CBEA, #668D15, #162924)
- Cypress Coast color palette (#ECF0E9, #CCDDD0, #A5BEB7, #00856B, #293124)
- Muted Bronze Dune color palette (#FDF4E6, #E3DFC7, #B8C49E, #9B6E00, #36322C)
- Timeworn Fern color palette (#EEF8F5, #BCD9D8, #7BB1B8, #316A00, #1E3934)
- Ancient Veranda color palette (#DCE5CE, #008E5E, #004048, #002113, #090700)
- Clover Ridge color palette (#F9EAC6, #7BC063, #008C70, #675B0A, #153705)
- Patina Forest color palette (#DFE2D5, #9EA89C, #708E7F, #005423, #080B00)
- Quiet Alley color palette (#FCE9CA, #8BB588, #16939B, #904114, #5D2F18)
Browse the whole catalog at Explore, or see today's palette.