Olive Lagoon color palette — #F8F5EB · #E0DFCC · #A0CBA3 · #807B00 · #35332C
A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EB): a clean, paper-quiet neutral.
- Bone (#E0DFCC): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A0CBA3): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#807B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#35332C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Worn Workshop color palette (#FCF3EC, #EEDBC2, #C7BF90, #B06000, #37322D)
- Muted Pine color palette (#F3F7E9, #D8E2D2, #A7C8A7, #008F51, #2D3800)
- Chestnut Archive color palette (#FCF5E4, #D4D5B9, #99AF8A, #695A00, #35332C)
- Tempered Olive color palette (#EBF9F2, #C8E2E5, #A8B0CA, #828400, #062C1F)
- Misty Olive color palette (#FAE9CC, #B2B136, #608600, #705700, #313000)
- Weathered Pier color palette (#E6E6D7, #478B00, #00442A, #1C1C00, #0A0700)
- Washed Cypress color palette (#E4E9E0, #BCC8BB, #8DAE98, #00715B, #192312)
- Antique Fern color palette (#EDECE6, #A3A795, #7E8C70, #334F00, #0B0A00)
Browse the whole catalog at Explore, or see today's palette.