Coral Harbor color palette — #FFF2EF · #F5D4C3 · #F08F83 · #B1735F · #544E49

Salmon and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#F5D4C3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Salmon (#F08F83): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#B1735F): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#544E49): quiet, heavy and certain.

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

• Glacier Courtyard color palette (#FFF2EC, #EED6C0, #6EDCFE, #D1826D, #2E4E3E)
• Stone Drift color palette (#FFF1F2, #FFC0CF, #EDA291, #B28766, #6C4600)
• Patina Driftwood Bloom color palette (#FEF0FF, #E8A3A0, #B16E65, #8F5646, #69485D)
• Marigold Corridor color palette (#FFF3E9, #DFDAC8, #DFA94E, #958143, #55524B)
• Antique Courtyard color palette (#F4E5FF, #DE9DA9, #BB7469, #804C34, #462531)
• Hushed Apricot Atelier color palette (#FFDDD3, #FF8B3F, #BB6500, #5B3C00, #241900)
• Hazy Apricot Market color palette (#FFF2EC, #FFA456, #C17A00, #795B00, #3D3200)
• Aged Amber color palette (#F6DFD0, #D08400, #805B00, #433500, #0D0D00)

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