Quiet Olive color palette — #F7EBC8 · #9BB761 · #2F8E27 · #066A57 · #263400
Olive Leaf and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F7EBC8): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9BB761): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#2F8E27): A full-bodied, vivid green — the color of fresh herbs.
- Pine (#066A57): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#263400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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 Mustard color palette (#FDE8C9, #BDAD2D, #6E8200, #00657E, #342E00)
- Soft Emerald color palette (#DCFFEC, #B3D077, #219816, #006854, #192300)
- Weathered Lagoon Cabin color palette (#EFEDCE, #7BBE80, #008D64, #4A6606, #03390E)
- Forest Hollow color palette (#FEE7CD, #969833, #036E19, #004D54, #303000)
- Wandering Cabin color palette (#E3E7D7, #66B79A, #00837A, #255E6D, #003223)
- Muted Pier color palette (#DBF3DA, #C3C85B, #00B638, #008B98, #2F3100)
- Frosted Emerald color palette (#F0ECD3, #569550, #00633F, #1A356A, #011501)
- Hushed Bloom color palette (#FCF4E7, #85DDD8, #009FAD, #007555, #003948)
Browse the whole catalog at Explore, or see today's palette.