Coral Harbor color palette — #FFF2EC · #FB9BC2 · #FF664F · #A26A00 · #4C2410

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Carnation (#FB9BC2): A luminous, balanced rose — the color of a warm blush.
• Watermelon (#FF664F): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A26A00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4C2410): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Wandering Drift color palette (#FFF2E9, #FFB7BB, #EF7600, #937B00, #38332E)
• Dusty Boulevard color palette (#FFF2EF, #F8ADF9, #FF4F88, #B84E00, #471C23)
• Hazy Mallow Quarry color palette (#FFEEE4, #FAA0FE, #FE806D, #837D00, #2A1200)
• Soft Amber Pier color palette (#FFF3E2, #FF9673, #C08A00, #666F00, #2E2400)
• Patina Amber color palette (#FFE2D9, #DA7B33, #9A5E00, #644500, #2E3C0A)
• Feathered Lantern color palette (#FFF0FC, #FFC0F9, #FFA194, #95A936, #4B270F)
• Ember Canyon color palette (#F2DBC5, #F54F20, #A06400, #4E4E00, #160D00)
• Patina Courtyard color palette (#FFE6DB, #C8A88E, #817145, #3E5A43, #1B4348)

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