Quiet Olive color palette — #FAF7D8 · #716B00 · #005C3B · #004047 · #3D1128
A conversation between Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#FAF7D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#716B00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005C3B): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004047): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#3D1128): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.
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
- Linen Bronze color palette (#FFF3E5, #A16700, #5A4E00, #003E68, #3D1901)
- Hazy Corridor color palette (#F8F6E3, #586F00, #285900, #142974, #301C01)
- Rust Terrace color palette (#FFF3E8, #BA5000, #415B00, #004613, #27193B)
- Hushed Navy color palette (#E1F9D7, #006E5F, #004D66, #1B0085, #231200)
- Misty Apricot Corridor color palette (#FFDFDE, #E38849, #7C6800, #405100, #003F2C)
- Midnight Forest color palette (#E1E4CA, #0A5A0D, #003533, #001C2A, #0F0200)
- Patina Ember Corridor color palette (#FFF3E5, #DD6100, #536A00, #39378B, #492F00)
- Frosted Nightshade Terrace color palette (#FFECF5, #B05400, #005B5C, #1600B9, #1D000C)
Browse the whole catalog at Explore, or see today's palette.