Patina Harbor color palette — #F8E0EE · #E1B895 · #E0805C · #A76369 · #1D3723

A conversation between Coral Clay and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#F8E0EE): A whisper-light, dusty pink — the color of neon signs at night.
• Sand (#E1B895): A luminous, dusty gold — the color of afternoon light on wheat.
• Coral Clay (#E0805C): A luminous, balanced orange — the color of autumn markets.
• Mocha (#A76369): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#1D3723): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Patina 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

• Softworn Amber color palette (#DEECDF, #CDC385, #C09650, #9F6C4D, #13382E)
• Soft Field color palette (#FAE3EC, #D0AC6C, #D17300, #A1503F, #002C1B)
• Weathered Coast color palette (#FFF0F9, #FDB588, #BB7658, #7A493E, #321824)
• Timeworn Garnet color palette (#F5DACA, #BB8D6C, #8A5540, #632A28, #241400)
• Timeworn Archive color palette (#ECF9EF, #E3B027, #008CD4, #A6517A, #0A2412)
• Timeworn Coast color palette (#E7F2E9, #E7C378, #A98104, #6A5319, #0F1911)
• Aged Amber Coast color palette (#C3E7F0, #DCB3FF, #E68430, #6C4959, #22181D)
• Patina Courtyard color palette (#EEF8F1, #BEE3D5, #C4B67B, #7F9B7C, #394C49)

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