Olive Lagoon color palette — #E8E3BF · #6E7B00 · #385B00 · #043D07 · #002915
Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E8E3BF): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#6E7B00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#385B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#043D07): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#002915): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Moss Field color palette (#F0E1CA, #908A00, #586F00, #004D25, #002520)
- Weathered Bronze Studio color palette (#FFE9D1, #A37600, #564800, #333400, #172100)
- Hazy Emerald color palette (#E5F3E5, #3B994E, #00561A, #002609, #000E03)
- Ancient Lagoon color palette (#E0E2D4, #8AC9B0, #00979F, #4C5700, #002C12)
- Aubergine Meadow color palette (#E4E5CC, #548D2C, #6F019A, #1F4400, #2B003E)
- Patina Pine Coast color palette (#E2EFE3, #008C62, #005546, #003934, #031F2C)
- Airy Courtyard color palette (#F0E6BA, #A4B87C, #499041, #006638, #004C4B)
- Hushed Ultramarine Field color palette (#E6EBC8, #156D0D, #0039C2, #770016, #011701)
Browse the whole catalog at Explore, or see today's palette.