Lagoon Lagoon color palette — #F7F6EA · #889864 · #3D8C96 · #366581 · #453E00

Built around Cerulean, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Moss (#889864): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#3D8C96): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#366581): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#453E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Lagoon 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

• Denim Thicket color palette (#F5F2E3, #919B5E, #469382, #445D8E, #272310)
• Worn Olive color palette (#F9F6DF, #748C39, #007F8E, #77432E, #34332C)
• Fern Boulevard color palette (#FDF5DF, #ABAB75, #688050, #1A656A, #544700)
• Wandering Lagoon color palette (#FFF1F6, #9785B8, #3E8E86, #1B6A7D, #4A373F)
• Hushed Driftwood color palette (#FFF3E5, #AE8856, #5D8B70, #7C5063, #553500)
• Aged Cobalt color palette (#EDF9F0, #C0A870, #6AA9A1, #5F78B5, #324236)
• Washed Petrol Quarry color palette (#FEF2F0, #A66A7D, #337195, #414A7C, #3E2D30)
• Antique Lagoon color palette (#FFF3E2, #966F00, #007959, #831942, #3B2701)

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