Coral Harbor color palette — #F1DCDE · #F77077 · #B43B35 · #7A2C1B · #4D2F00

Watermelon takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F1DCDE): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#F77077): A luminous, vivid red — the color of a theater curtain.
• Brick (#B43B35): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#7A2C1B): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4D2F00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Powdered Rust color palette (#FFE9EE, #D5747C, #B04234, #712600, #391A00)
• Rust Quarry color palette (#F7DAEF, #F39AB0, #E66E68, #C05B00, #4C3000)
• Softworn Bloom color palette (#F2D9E8, #DB62A2, #B13D6F, #7E2B44, #52282E)
• Soft Coast color palette (#FFDFD7, #EC875B, #AD5B2B, #814A1E, #5E3A49)
• Ember Courtyard color palette (#FFE6F8, #E7573F, #8164C3, #8E3627, #392B5A)
• Weathered Amber color palette (#FFECDF, #C97600, #865700, #5D4100, #443100)
• Tempered Rust Boulevard color palette (#FFD7EC, #C05600, #6C7300, #833F6B, #3E1F32)
• Hushed Marigold color palette (#FFF1F5, #DCA95D, #A68137, #766434, #355241)

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