Olive Canyon color palette — #DFF9EF · #9EAC65 · #6F8BD0 · #5F6D00 · #17254B
Olive takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DFF9EF): A whisper-light, dusty teal — the color of sea glass.
- Sage (#9EAC65): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#6F8BD0): A luminous, balanced violet — the color of a velvet chair.
- Olive (#5F6D00): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#17254B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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 Meadow color palette (#E3F7F2, #8DB166, #A979B3, #4C7212, #361B3B)
- Quiet Alley color palette (#EAF9F1, #A8A268, #867ECA, #716700, #403A6C)
- Washed Ridge color palette (#FFECF3, #CE9663, #688DCC, #925300, #142746)
- Wandering Bronze Canyon color palette (#FCF5E4, #C7B873, #A29AE0, #948000, #413B68)
- Aged Grove color palette (#DDFAEB, #9A902D, #8671B7, #705F9A, #072418)
- Patina Pewter color palette (#E4F7EB, #84B8AA, #7F754A, #653F4E, #0B2827)
- Tempered Plum Study color palette (#CBFDFF, #2BC392, #A848A3, #006C4E, #390338)
- Tempered Raspberry color palette (#D3EFF3, #00A990, #BA5674, #006454, #370518)
Browse the whole catalog at Explore, or see today's palette.