Coral Harbor color palette — #FFF1F1 · #FFB1C1 · #D9868A · #A06A60 · #544D48

Built around Watermelon, softened by Ballet Pink — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Ballet Pink (#FFB1C1): A whisper-light, balanced red — the color of embers at dusk.
• Watermelon (#D9868A): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A06A60): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal Brown (#544D48): quiet, heavy and certain.

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

• Driftwood Boulevard color palette (#FFE4E4, #E9A8BE, #BE7477, #835141, #4D4B43)
• Shell Cabin color palette (#FFF2ED, #FFAAA4, #6DC0CD, #BC7672, #375540)
• Timeworn Alley color palette (#FFF2EB, #FEB98B, #D09761, #896F47, #524E47)
• Hushed Mallow color palette (#FFF1F6, #DFB0F2, #BE84BA, #966682, #644441)
• Wandering Basalt color palette (#FFF2EB, #FFCBBD, #CE8F78, #8C5B4B, #562500)
• Ember Dune color palette (#FFE5E7, #FF817D, #E54600, #A14800, #583200)
• Weathered Coral Quarry color palette (#FFF2EC, #F8907E, #7FB38B, #8190C1, #48413D)
• Cocoa Market color palette (#FFF2EC, #DFDBCD, #ACB0BB, #BF988F, #763E12)

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