Olive Canyon color palette — #D8EFBF · #86B677 · #4F8C4B · #1B6737 · #1E5138
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D8EFBF): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#86B677): A luminous, balanced green — the color of fresh herbs.
- Fern (#4F8C4B): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#1B6737): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#1E5138): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Washed Olive color palette (#E9E0B0, #B9B563, #7A7F1D, #51620B, #3B4A24)
- Tempered Atelier color palette (#EEE1B6, #ACC384, #61A761, #00804E, #00514A)
- Aged Lagoon color palette (#C0F7DB, #5DBD9F, #00907A, #006C62, #104E5F)
- Aged Lagoon color palette (#D8FEFF, #7EC5A7, #2A8769, #00513B, #003B28)
- Pine Coast color palette (#E5FAF7, #7EAE75, #C1724D, #3E7533, #613520)
- Wandering Chestnut Lagoon color palette (#E7FCE9, #B7A57A, #856F47, #6A4B23, #284434)
- Lagoon Harbor color palette (#D9FEFD, #4B9B72, #2F86A4, #7A6724, #1B3F3F)
- Hushed Pine color palette (#D1E5CD, #007A2B, #004726, #002618, #001011)
Browse the whole catalog at Explore, or see today's palette.