Lagoon Studio color palette — #ECF3F6 · #D4D7E0 · #BEBACF · #1D8587 · #222E32

Built around Teal, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D4D7E0): a clean, paper-quiet neutral.
• Ash (#BEBACF): A luminous, dusty violet — the color of wild irises.
• Teal (#1D8587): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#222E32): a grounded near-black with real depth.

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

• Timeworn Petrol color palette (#EEF7FB, #D6DBE7, #BCBFD0, #3B8088, #40494D)
• Petrol Station color palette (#EBF3FB, #DBD3E8, #C2B8E0, #2B6EAD, #192633)
• Weathered Lagoon color palette (#ECF4EE, #ABBA8F, #468461, #365A6C, #0F2E26)
• Dusty Driftwood Cabin color palette (#D1FAFC, #9CBACC, #7B88AA, #385F4E, #2B3F36)
• Washed Pier color palette (#DBE3E6, #92A2B1, #7677A3, #003E45, #000509)
• Antique Cobalt color palette (#DCEDF9, #0080A9, #25304B, #051824, #02080A)
• Muted Denim Courtyard color palette (#E5E9F1, #C8CAD9, #A99EB9, #2A4FA1, #0F1620)
• Petrol Coast color palette (#FFECF2, #37B2A1, #3F6BAD, #663A00, #032733)

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