Coral Lagoon color palette — #E8F9FE · #72BFC1 · #D77A76 · #008386 · #5C4459

Coral Clay and Teal set the tone — five colors that lean into balance.

The five colors

• Ivory (#E8F9FE): bright and airy, almost weightless.
• Mint Leaf (#72BFC1): A luminous, dusty teal — the color of glacier melt.
• Coral Clay (#D77A76): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#008386): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5C4459): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Balance. Tagged muted.

Use it as a design system

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

• Wandering Blush color palette (#E6FAFA, #78C2A3, #C87BAE, #2B8465, #534761)
• Hushed Aqua color palette (#E2F6FC, #55C7C9, #CF8585, #1B8183, #3F283E)
• Aqua Drift color palette (#EAFAEB, #68D9DB, #E6999A, #479B9D, #654439)
• Antique Bloom color palette (#EDF6FF, #89B5DC, #C38C3F, #3577AD, #3E543D)
• Worn Harbor color palette (#E8F8FF, #51A7B0, #AC71AF, #8A7341, #30464E)
• Tempered Garden color palette (#FEF1F7, #A5C1A2, #A27555, #705367, #3F4B42)
• Quiet Courtyard color palette (#EAF8FF, #00A4C6, #CF5200, #00677D, #642300)
• Softworn Cerulean color palette (#E8F8FF, #D5DAE6, #D0B4D5, #6498A2, #405059)

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