Lagoon Studio color palette — #EDF7F8 · #CCDDE9 · #B0C1D2 · #558D7B · #313D3E

Fern takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EDF7F8): a clean, paper-quiet neutral.
• Silver (#CCDDE9): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#B0C1D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#558D7B): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#313D3E): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Ancient Boulevard color palette (#EEF7F8, #D2DAE1, #A2B7C0, #247458, #293F40)
• Dusty Cobalt color palette (#EEF6FE, #D8D8EA, #C0BCD8, #4E8BC2, #324151)
• Hushed Mint Balcony color palette (#E0FCFB, #69CAA8, #339280, #416C6B, #113C3F)
• Dusty Jade color palette (#F3F6F0, #CFDDD8, #ACC9C3, #3FB78D, #2D4300)
• Hushed Balcony color palette (#E8F0F7, #96A7B8, #78889C, #004B6C, #020A12)
• Frost Bloom color palette (#B4F4FA, #83BCCC, #6D94B0, #606280, #4A4366)
• Patina Lagoon Alley color palette (#DDF0F6, #009393, #154657, #0C262C, #040F12)
• Soft Seafoam color palette (#E4FAFF, #35F8C9, #00D3C8, #00B0C8, #09343F)

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