Olive Lagoon color palette — #DCE2C5 · #377E00 · #004B28 · #00231C · #000E0E

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DCE2C5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#377E00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B28): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#00231C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000E0E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged 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

• Twilit Olive Grove color palette (#F7EED9, #5F6C00, #004427, #001E1D, #000102)
• Olive Coast color palette (#D8F1EF, #989900, #21850B, #005751, #001206)
• Pale Basin color palette (#D2E5CC, #0DB048, #008756, #005942, #000B09)
• Midnight Pier color palette (#F4ECDA, #3B6500, #00392C, #230041, #001002)
• Muted Olive color palette (#F3EBDA, #7F8400, #006636, #003333, #000F17)
• Timeworn Spruce color palette (#E6F1ED, #95AFAC, #578C75, #2D3E00, #071713)
• Soft Boulevard color palette (#D8E4CA, #24B645, #007254, #004841, #002F32)
• Dusty Onyx color palette (#DCEFD4, #407E67, #00545A, #43164A, #380C23)

Browse the whole catalog at Explore, or see today's palette.