Hushed Coral Harbor color palette — #FFF1F1 · #F8AFC2 · #DE7B7F · #9C624F · #534D48

Watermelon takes the lead with Ballet Pink close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Ballet Pink (#F8AFC2): A whisper-light, balanced red — the color of embers at dusk.
• Watermelon (#DE7B7F): A luminous, balanced red — the color of embers at dusk.
• Walnut (#9C624F): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#534D48): a grounded near-black with real depth.

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

Use it as a design system

One click turns Hushed 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

• Washed Delta color palette (#FFF2ED, #F6AFA8, #5BC2D3, #C3736C, #3B5442)
• Ancient Stone color palette (#F9F2FF, #F8D4C8, #E39C9A, #A36757, #5C3D50)
• Amber Meadow color palette (#FFF2EC, #F7B796, #CB8842, #907637, #504E47)
• Dusty Courtyard color palette (#FFF1F7, #DCB5EA, #CB88C8, #A36480, #64443E)
• Dusty Amber Terrace color palette (#FFF2EB, #FFCFBF, #CF8764, #915946, #602A00)
• Pale Ridge color palette (#FFE8EE, #FF9394, #DD5B00, #8F5100, #5C3F00)
• Cocoa Alley color palette (#FFF2ED, #C9F3C3, #E0DBCD, #C09592, #794213)
• Hushed Corridor color palette (#FEDCCF, #D46F00, #865500, #4C4000, #222400)

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