Olive Lagoon color palette — #E3DECF · #A8AE66 · #66822D · #2C632C · #003929
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Bone (#E3DECF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A8AE66): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#66822D): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#2C632C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003929): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Tempered Pine Study color palette (#D9E4C6, #78B67A, #258C5C, #005A4B, #17371D)
- Muted Bronze color palette (#F9E5D4, #C39C5B, #8E7700, #575902, #1A2F0A)
- Wandering Study color palette (#F0F7CE, #96D1A7, #4F8D5D, #054D20, #011F02)
- Aged Olive Field color palette (#F3F3E0, #8FB076, #A979B2, #49721F, #371A3C)
- Timeworn Moss color palette (#E8EDCA, #55A600, #006B2D, #004533, #001B1A)
- Spruce Coast color palette (#F2F5D9, #BCE6D0, #96D5E3, #8C8048, #2C3A00)
- Aged Pier color palette (#FDEFE2, #BFA87E, #956A45, #743A15, #29220F)
- Lagoon Veranda color palette (#DFF6E7, #009A84, #006666, #003F4B, #001621)
Browse the whole catalog at Explore, or see today's palette.