Lagoon Lagoon color palette — #FCEAE3 · #358F98 · #00425C · #002412 · #000525

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

The five colors

• Cream (#FCEAE3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#358F98): A luminous, balanced blue — the color of deep harbor water.
• Navy (#00425C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#002412): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000525): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Lagoon Atelier color palette (#DDEEEA, #36858E, #00434F, #001F1E, #000202)
• Frosted Quarry color palette (#F9EADE, #348AB5, #002D97, #002320, #0C0026)
• Hushed Cerulean color palette (#E4E6D3, #49A1AB, #006373, #003C39, #000B11)
• Worn Meadow color palette (#FAEBF6, #7CA8B9, #0080A5, #006048, #000A18)
• Pine Garden color palette (#CDE6D8, #007C53, #003625, #191F26, #000C05)
• Nightshade Villa color palette (#E8DFD4, #70A4D3, #4249AA, #003E40, #290F42)
• Cobalt Grove color palette (#E2EDDD, #0BB39E, #0075B5, #3E3100, #001007)
• Eclipse Loft color palette (#EFECDD, #525D00, #00400F, #001E12, #00090F)

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