Coral Lagoon color palette — #FFF0FE · #EBD8CC · #EC8D79 · #B0755F · #563E4C

A conversation between Salmon and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Bone (#EBD8CC): A whisper-light, dusty gold — the color of old brass.
• Salmon (#EC8D79): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B0755F): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#563E4C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Ancient Apricot Parlor color palette (#FFF0F7, #EBDEBD, #E29C54, #A77D45, #3C523F)
• Timeworn Driftwood Boulevard color palette (#FFEDE9, #DC9D99, #B97666, #7D4B36, #512B00)
• Hushed Mallow color palette (#F6F3FF, #F4D4D9, #E991C5, #9E637C, #5A4862)
• Gentle Veranda color palette (#FFE6D8, #EF8A24, #A96700, #6A4400, #251800)
• Washed Stone Lantern color palette (#FFF0F8, #FFB994, #B8C27A, #C98CB0, #45323C)
• Soft Tangerine Workshop color palette (#FFF2ED, #FFC1A5, #ED7600, #9C5600, #512F00)
• Hushed Stone color palette (#EAF9F2, #BEE5E7, #B1B37A, #638371, #31443E)
• Amber Pier color palette (#F4E5D2, #BE8A00, #836500, #433700, #110E00)

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