Olive Lagoon color palette — #D8E5CC · #3C7F00 · #165C02 · #003413 · #000F05
Olive Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D8E5CC): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#3C7F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#165C02): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003413): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000F05): A deep, shadowed, dusty teal — the color of shallow lagoons.
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 Grove color palette (#EBE6C8, #80A900, #1B7D0E, #004329, #000B09)
- Worn Dune color palette (#E5ECD2, #008141, #005A9C, #00421F, #000815)
- Bronze Boulevard color palette (#E9E4D2, #796A00, #4A4A00, #202300, #0A0F00)
- Hushed Alley color palette (#C6EBD7, #009469, #005135, #002414, #000201)
- Forest Lagoon color palette (#E5F4EB, #006941, #00556C, #493A00, #000502)
- Sunlit Emerald Lagoon color palette (#E0EFDB, #79B477, #3B9158, #005C3B, #003826)
- Hushed Chapel color palette (#EAF0E2, #62CAAE, #009E9A, #0D5B2B, #081100)
- Teal Ridge color palette (#D0F5F3, #00ABB3, #007F8B, #005261, #002D39)
Browse the whole catalog at Explore, or see today's palette.