Lagoon Garden color palette — #ECF4F2 · #C1E3EB · #349FA2 · #006E5C · #03313F

Cerulean and Pine set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Silver (#C1E3EB): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#349FA2): A luminous, balanced teal — the color of sea glass.
• Pine (#006E5C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#03313F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Petrol color palette (#EBF4F3, #C7E0F4, #5E93C1, #006884, #182D45)
• Weathered Lantern color palette (#D9EAE7, #42999F, #00535E, #002C29, #000508)
• Timeworn Study color palette (#FDF3EE, #AEEAE5, #4D96A4, #436D50, #2A5142)
• Petrol Ridge color palette (#DFEDE9, #83C0C0, #007A83, #004C44, #001A1F)
• Feathered Raspberry color palette (#ECF2FF, #7E84D6, #C14E95, #00788B, #161D32)
• Washed Aqua color palette (#F9F3F7, #D1D5E7, #4FCEE4, #4E9365, #234358)
• Washed Emerald Studio color palette (#E9F3FF, #6DA7E9, #3DA467, #2966A7, #063019)
• Cobalt Quarry color palette (#EBF2FF, #99B7F8, #5174CE, #233B73, #071336)

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