Olive Canyon color palette — #FFF2EA · #CB6C43 · #378B2C · #004C94 · #130300
Olive Leaf and Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Coral Clay (#CB6C43): A luminous, balanced orange — the color of toasted spice.
- Olive Leaf (#378B2C): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#004C94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Wandering Station color palette (#FFF2EF, #CC637E, #747E00, #00566A, #170100)
- Gentle Orchard color palette (#FFF3E8, #B46000, #1C7407, #331B9F, #040100)
- Hushed Ultramarine color palette (#FFF3E3, #C49541, #7D953D, #005EB5, #201200)
- Misty Moss Lantern color palette (#FBF6D8, #809500, #048749, #004F8A, #0A0700)
- Timeworn Aubergine color palette (#FFF2ED, #E16468, #4E7000, #480088, #210003)
- Timeworn Garden color palette (#FCDBCD, #BD0D00, #006359, #00395D, #130300)
- Coral Canyon color palette (#EED5E8, #FF604D, #00A795, #007DB1, #281124)
- Aubergine Harbor color palette (#F6E6D2, #7F5700, #005A54, #330066, #020100)
Browse the whole catalog at Explore, or see today's palette.