Coral Coast color palette — #F9EDFF · #FBB3C2 · #D87985 · #AA6768 · #60485D

A conversation between Watermelon and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#F9EDFF): A whisper-light, dusty violet — the color of wild irises.
• Ballet Pink (#FBB3C2): A whisper-light, balanced red — the color of a theater curtain.
• Watermelon (#D87985): A luminous, balanced red — the color of a theater curtain.
• Mocha (#AA6768): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal Brown (#60485D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Weathered Fuchsia Coast color palette (#F5F3FF, #E9B4E1, #D784BF, #99617E, #594B61)
• Aged Alley color palette (#F5F3FF, #FAD3D3, #E89EA5, #AE7567, #5D3A48)
• Hushed Coral Basin color palette (#FFF0FA, #FFCDC2, #D78271, #92564B, #482E42)
• Washed Amber Drift color palette (#FFF0F8, #F5B791, #D48D4D, #946937, #3E553E)
• Coral Thicket color palette (#FFF0FC, #EC978D, #BAA358, #AD7EB7, #4D3C4A)
• Amber Delta color palette (#EFD9D2, #ED915F, #C36700, #864D00, #573708)
• Pale Atelier color palette (#FFE5E5, #FF968A, #F93B10, #AE3900, #602704)
• Taupe Meadow color palette (#EBFAEE, #B6D3C1, #AC9A6D, #617D63, #394D43)

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