Soft Lagoon color palette — #E7F9FD · #8FE6E2 · #FF999F · #009E9B · #59252A

Built around Rose Quartz, softened by Cerulean — the whole palette hums with balance.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Ice Blue (#8FE6E2): A whisper-light, balanced teal — the color of sea glass.
• Rose Quartz (#FF999F): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#009E9B): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#59252A): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Balance. Tagged light.

Use it as a design system

One click turns Soft 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

• Sunlit Villa color palette (#E5FAFC, #75E3C8, #FFA190, #3AB59B, #55364F)
• Timeworn Azure Loft color palette (#EBF7FF, #C7DFFF, #FBBB9E, #00A9D6, #623B29)
• Quiet Emerald Hollow color palette (#E1FCF8, #B5E2B4, #DEA0EE, #36A33C, #472D4D)
• Frosted Drift color palette (#EAFBE8, #00B7B3, #C56B6E, #007572, #613334)
• Washed Teal color palette (#E6F9FF, #D6DBE7, #B8ACAC, #5AC3AC, #244756)
• Feathered Boulevard color palette (#EEF6FF, #97CDFF, #F2990D, #0081D2, #442700)
• Airy Ember color palette (#E9F8FF, #2ED6F5, #ED4C25, #00788B, #3D0800)
• Worn Turquoise color palette (#E8F8FF, #CBDFEE, #34B0C0, #006D76, #002427)

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