Coral Harbor color palette — #F8ECE6 · #D8D2C8 · #C0B8A5 · #CB786D · #3C2920

Coral Clay takes the lead with Espresso close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Oat (#D8D2C8): bright and airy, almost weightless.
• Stone (#C0B8A5): A luminous, dusty gold — the color of afternoon light on wheat.
• Coral Clay (#CB786D): A luminous, balanced orange — the color of autumn markets.
• Espresso (#3C2920): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Muted Rust Study color palette (#F8EBE7, #E2D5CB, #C3B5A2, #A45857, #3C2821)
• Timeworn Amber Workshop color palette (#FAF4ED, #D8DCCB, #BCC6A7, #C18F00, #36322C)
• Timeworn Station color palette (#F7E4D1, #CDB384, #9D975F, #477B67, #2B4324)
• Weathered Terracotta color palette (#EDE7EC, #D7C5D0, #BA98A9, #912F25, #1D111B)
• Patina Bronze color palette (#ECE1D5, #B0B19E, #959A80, #9A6400, #1C1205)
• Patina Field color palette (#FFEDE0, #FFC8BC, #FFA575, #D89200, #341700)
• Teal Meadow color palette (#E2E7D8, #8ACAB0, #42A48F, #8A7148, #003223)
• Pine Workshop color palette (#F5D9B2, #EC9057, #B47B22, #1E7A27, #391B00)

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