Olive Lagoon color palette — #DFE3C7 · #5A7400 · #0E4B04 · #002B10 · #00150D

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

The five colors

• Celadon Mist (#DFE3C7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#5A7400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#0E4B04): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#002B10): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00150D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Olive Harbor color palette (#E4E6D7, #679600, #1E820E, #00592D, #00170F)
• Inked Forest Field color palette (#E1F2E0, #007345, #003D30, #001715, #000408)
• Worn Bronze Balcony color palette (#FDE9D7, #916200, #503F00, #262400, #101400)
• Feathered Garden color palette (#CDECE8, #1E8231, #640074, #00370C, #1E0024)
• Dusty Cerulean Balcony color palette (#D7F6F4, #76B6A3, #008E9C, #274200, #002116)
• Hazy Nightshade color palette (#E2F5E6, #005D2E, #2916B1, #5D0C00, #000B03)
• Lagoon Parlor color palette (#CCE6DB, #009A86, #006765, #004750, #132A44)
• Washed Basin color palette (#FFE9E6, #5A70FF, #008475, #041114, #000303)

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