Olive Lagoon color palette — #E8F5F0 · #B3B97C · #168872 · #656A00 · #001214
A conversation between Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F5F0): a clean, paper-quiet neutral.
- Sage (#B3B97C): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#168872): A full-bodied, balanced teal — the color of sea glass.
- Olive (#656A00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#001214): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Muted Cerulean color palette (#EBF4F3, #A6D0A8, #388FAB, #4E7F52, #0A181F)
- Muted Chestnut Boulevard color palette (#F9EEF2, #DDA772, #53834F, #8D5613, #001210)
- Washed Moss Ridge color palette (#F7F5EF, #C4CA92, #2FA29E, #818800, #192918)
- Jade Quarry color palette (#E5F7E9, #75AD6C, #007C6E, #543A64, #002929)
- Gentle Lagoon color palette (#E0FEC3, #8DC28B, #1D8D6C, #005249, #002B2F)
- Timeworn Cobalt color palette (#F9F4EE, #C8AA6E, #0E74B6, #7A5A00, #0A2A23)
- Patina Corridor color palette (#E5F6F7, #30C297, #0B6BC1, #006C51, #00091A)
- Pewter Villa color palette (#EBF4F2, #D0D8DB, #B1BEC5, #657E55, #242F2C)
Browse the whole catalog at Explore, or see today's palette.