Olive Lagoon color palette — #E9F6ED · #9FA575 · #4D712B · #533B5F · #002318
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E9F6ED): bright and airy, almost weightless.
- Sage (#9FA575): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#4D712B): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal (#533B5F): A deep, shadowed, dusty violet — the color of a velvet chair.
- Onyx (#002318): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Olive Lagoon 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
- Antique Archive color palette (#E3F7F4, #7CAC94, #007566, #3A4564, #002122)
- Olive Villa color palette (#E4F7EC, #9FB072, #377E1E, #77362B, #00281E)
- Moss Hollow color palette (#FFF3E4, #98A351, #406F4A, #623E50, #37352F)
- Frosted Quarry color palette (#CDEDE7, #4DAA79, #006B59, #67213E, #001C0D)
- Timeworn Archive color palette (#FDF4E2, #B3BB73, #6C8B53, #7E5662, #37352F)
- Weathered Veranda color palette (#EDF9EC, #D2D59D, #519E55, #5C6083, #112E23)
- Forest Corridor color palette (#D8E8DF, #6C8145, #09530B, #3E1741, #000B07)
- Aged Lagoon color palette (#E9F5F3, #A0CDD0, #4A918A, #6A5B6D, #1F3537)
Browse the whole catalog at Explore, or see today's palette.