Coral Coast color palette — #F7D3E3 · #FF9EAE · #FF7263 · #CD5518 · #663800

A conversation between Watermelon and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F7D3E3): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#FF9EAE): A luminous, balanced red — the color of embers at dusk.
• Watermelon (#FF7263): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#CD5518): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#663800): A deep, shadowed, balanced gold — the color of old brass.

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

• Sunlit Amber color palette (#FCE8EA, #FF9B94, #E07A3B, #AE6C00, #513900)
• Gentle Rose color palette (#FCEAEC, #FF9299, #EB5450, #AD1E00, #69270E)
• Linen Parlor color palette (#FFF2EC, #FFC5A9, #FF8449, #BB5100, #461700)
• Chalky Scarlet color palette (#ECDDE4, #F86495, #CE0021, #7B2700, #381E00)
• Soft Peony Corridor color palette (#E8D9F3, #FE91F0, #FE5DA6, #CD405D, #722822)
• Feathered Ember color palette (#FFF0FB, #FFAD9E, #2BD7F9, #EA523E, #00424F)
• Gentle Study color palette (#EEDDD5, #C66E00, #8D6800, #574D00, #141800)
• Wandering Garden color palette (#FFF2EF, #E1DDC9, #D7DF8D, #E593B2, #623B1E)

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