Patina Harbor color palette — #FDF3EE · #FBE3B0 · #9F655B · #5C241D · #180C06

Built around Espresso, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Peach Cream (#FBE3B0): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9F655B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#5C241D): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#180C06): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Bronze Courtyard color palette (#FBF4ED, #DFE0CC, #AD7A44, #603E1C, #211A13)
• Aged Straw color palette (#FDF4E6, #FBD37D, #876500, #3C2B00, #0D0600)
• Amber Balcony color palette (#F4E0D4, #B28600, #4D1600, #0F0A04, #040000)
• Ancient Coral Terrace color palette (#FFF2EE, #CCDEA6, #D0777B, #845455, #2A1F1B)
• Worn Marigold Workshop color palette (#FDF1FA, #CFA954, #773F37, #3D2438, #24171A)
• Mustard Thicket color palette (#FFF2E9, #EABC55, #8A4100, #341400, #030100)
• Patina Denim color palette (#FFF2EA, #D0916F, #009492, #3C5DA3, #2D1413)
• Dusty Ember Parlor color palette (#FDF3ED, #EDD8BD, #A7A248, #DA5F1D, #181201)

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