Lagoon Loft color palette — #EFF7F9 · #D7DAE2 · #BFBED6 · #18857D · #41494B

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D7DAE2): bright and airy, almost weightless.
• Ash (#BFBED6): A luminous, dusty violet — the color of wild irises.
• Teal (#18857D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#41494B): a grounded near-black with real depth.

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

Use it as a design system

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

• Dusty Cerulean color palette (#F0F6FA, #DADAE2, #B9A7A9, #528B9E, #4C5459)
• Muted Petrol color palette (#F0F6FB, #DDD7EB, #BCB7D8, #0070AC, #37414A)
• Pewter Coast color palette (#EDF4ED, #CCDCDA, #ACC2C4, #617E62, #282E28)
• Aged Pine color palette (#F1F7F0, #AFB486, #4E8154, #316173, #32483F)
• Muted Abyss Orchard color palette (#DFE8EA, #98ACBD, #717F9D, #004043, #03171D)
• Cerulean Summit color palette (#D9FCF9, #94C5D8, #7384B3, #6A6239, #41564A)
• Softworn Navy Market color palette (#E8EDF8, #B8B7C9, #9688A0, #353B83, #1A1F2A)
• Softworn Lagoon color palette (#E5FAFB, #00A176, #8B4581, #604200, #353502)

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