Coral Lagoon color palette — #FFF2ED · #E7857D · #009299 · #704C85 · #442C52

A conversation between Salmon and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Salmon (#E7857D): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#009299): A luminous, balanced blue — the color of open sky before noon.
• Graphite (#704C85): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#442C52): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

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

• Hushed Pier color palette (#FFF1F6, #E5AE79, #129CA3, #525590, #371D49)
• Lagoon Market color palette (#FFF2EB, #E09F8A, #399D9E, #8E546E, #5A3831)
• Sunlit Emerald Basin color palette (#FFF1F2, #CD8CBD, #638F41, #5E5099, #4C294A)
• Faded Villa color palette (#FDE2D1, #E85600, #007590, #7E0063, #440034)
• Frosted Amber color palette (#EDF9ED, #B57B00, #087556, #294973, #4F2A3F)
• Periwinkle Study color palette (#F9F4EF, #C1E6EA, #8AA2E5, #0E8C8A, #5A3E4B)
• Washed Balcony color palette (#FFEEE7, #D6C0A0, #98A17D, #8E6E77, #63464E)
• Lagoon Thicket color palette (#FBF4E8, #D8BB70, #80AF73, #00908A, #592813)

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