Coral Harbor color palette — #FDEFE8 · #D08573 · #7C4B13 · #5C2500 · #26201E

Coral Clay takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FDEFE8): a clean, paper-quiet neutral.
• Coral Clay (#D08573): A luminous, balanced orange — the color of autumn markets.
• Coffee (#7C4B13): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#5C2500): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#26201E): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged noir, dark, luxury, muted.

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

• Aged Amber Harbor color palette (#FBF0E1, #BD9446, #6B5600, #3D372E, #25211C)
• Tempered Blush color palette (#FDEDED, #CC7FA9, #67534E, #423434, #271F20)
• Amber Study color palette (#F4DECD, #C96900, #5D3E00, #37210C, #1B0E07)
• Apricot Boulevard color palette (#FCF2F9, #E79683, #694A57, #31272F, #120E13)
• Worn Apricot color palette (#F9EEF6, #F49C8C, #6E826F, #5C5059, #232025)
• Weathered Stone color palette (#FFF3E4, #D0AA73, #69B3B4, #A584B2, #5C3A00)
• Wandering Boulevard color palette (#FFECE3, #EEB59B, #C08E60, #8F6B38, #514D46)
• Worn Chestnut Meadow color palette (#F5E2C2, #775D00, #354242, #242700, #0F0800)

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