Quiet Olive color palette — #E5F6F3 · #81B471 · #9F78CC · #3A7523 · #2F1D42
A conversation between Olive and Wisteria, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5F6F3): bright and airy, almost weightless.
- Jade (#81B471): A luminous, balanced green — the color of new leaves after rain.
- Wisteria (#9F78CC): A luminous, balanced violet — the color of wild irises.
- Olive (#3A7523): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#2F1D42): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Hazy Lagoon color palette (#E4F7EC, #B1A55C, #857EE3, #726500, #1D2544)
- Sunlit Peony color palette (#DEF8F8, #57BA90, #C86997, #007753, #301F3B)
- Hazy Workshop color palette (#F6F7E3, #8DCC6A, #BE8DDF, #618F48, #4D395B)
- Gentle Delta color palette (#DEF9F0, #7F993F, #8C65D3, #A04A68, #06241D)
- Misty Ridge color palette (#E6FAF5, #87AE57, #BF7260, #517221, #60352B)
- Hazy Thicket color palette (#D4F1F1, #28AF79, #9F00A9, #005B3B, #29002C)
- Feathered Emerald Ridge color palette (#F4F7E7, #AEE5AB, #6EC4FF, #4BA04B, #123C56)
- Scarlet Grove color palette (#DBF8FD, #00B09D, #EE212F, #006A5E, #410608)
Browse the whole catalog at Explore, or see today's palette.