Lagoon Lagoon color palette — #FFF6CF · #DDE3BA · #89CAAB · #00A09E · #004B62

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

The five colors

• Custard (#FFF6CF): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#DDE3BA): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#89CAAB): A luminous, dusty teal — the color of sea glass.
• Cerulean (#00A09E): A luminous, balanced teal — the color of sea glass.
• Navy (#004B62): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged light, muted, cool.

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

• Lagoon Hollow color palette (#F1FBD2, #C4F0EE, #6CC7AC, #008D81, #004746)
• Patina Jade color palette (#FFF3E7, #EAD6AF, #B4C287, #59A469, #005240)
• Wandering Grove color palette (#CDFFEB, #9AD59E, #459D85, #166569, #002F3D)
• Quiet Seafoam color palette (#D5FBAF, #61E3AD, #00BDB9, #008BA2, #003B65)
• Azure Studio color palette (#EDFCD8, #AAECE8, #74CAE1, #3597D0, #364580)
• Denim Field color palette (#DDF1E8, #00BABB, #008DAF, #0058A6, #0C0048)
• Fern Balcony color palette (#EEF5E6, #81C8AB, #6D8270, #455E1E, #22221A)
• Pale Navy color palette (#BBEFC8, #76D6CD, #00B2C4, #0078B5, #002089)

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