Quiet Olive color palette — #F4F4DC · #8DB16D · #9182C1 · #487304 · #292043
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F4DC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8DB16D): A luminous, balanced green — the color of a quiet forest floor.
- Slate Blue (#9182C1): A luminous, balanced violet — the color of wild irises.
- Olive (#487304): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#292043): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Olive 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
- Pine Harbor color palette (#F0F5DE, #7BB47E, #BB729C, #307638, #3F162F)
- Wandering Olive Delta color palette (#F8F6E2, #95A96A, #9C77BB, #587000, #4E3661)
- Pale Iris Ridge color palette (#FBF0E2, #C79B57, #8882D0, #855B00, #252244)
- Misty Moss Market color palette (#E3FCF5, #A9C18D, #AD94E5, #669019, #473A63)
- Chalky Lantern color palette (#F5F4D7, #729D43, #8F70A8, #8A5077, #211F02)
- Hushed Boulevard color palette (#DFFBDB, #00AFA8, #C84E9B, #006965, #3F002C)
- Worn Bronze color palette (#FFEEE3, #BEA78A, #99674E, #664137, #2A2209)
- Abyss Pier color palette (#F5F5CF, #9BC68E, #5C864A, #1D4C10, #031F01)
Browse the whole catalog at Explore, or see today's palette.