Coral Coast color palette — #FFF1F2 · #F8D2CA · #F9948D · #A76D4C · #524D47

Built around Melon, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F8D2CA): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#F9948D): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A76D4C): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#524D47): a grounded near-black with real depth.

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

• Cocoa Corridor color palette (#FFDDD3, #EAA8A8, #B77168, #7E4738, #5F2A00)
• Quiet Coral Cabin color palette (#FFD8D9, #FE7D67, #C06400, #574200, #222500)
• Hushed Fuchsia color palette (#FFF0F8, #F3D5FF, #D98EC6, #AF6E7E, #504945)
• Muted Marigold Lantern color palette (#FFF2ED, #E2D9C8, #D7A141, #888142, #4B4A42)
• Washed Glacier Atelier color palette (#FFF2EC, #EED7BF, #67DFF6, #D58069, #324E3C)
• Wandering Amber Basin color palette (#FFF2F0, #FFA975, #C17500, #6C5B00, #2A360D)
• Gentle Garden color palette (#FCE5E1, #CE7300, #7A5600, #373400, #071400)
• Muted Cocoa Courtyard color palette (#FFE9E0, #D4CFD9, #A5999A, #6C3407, #26201D)

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