Patina Harbor color palette — #F9EEF4 · #CA8970 · #66515B · #41333C · #261F24

Built around Caramel, softened by Charcoal Brown — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Caramel (#CA8970): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#66515B): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#41333C): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#261F24): quiet, heavy and certain.

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

• Patina Summit color palette (#EAF5ED, #B0995A, #475E52, #2D3C32, #1E231E)
• Aged Archive color palette (#FFEEE5, #FF9772, #9D7235, #5D524C, #26201E)
• Wandering Blush Corridor color palette (#FFF1F5, #D2A87D, #92AF7D, #CC728F, #553943)
• Timeworn Amber Chapel color palette (#FDD9E6, #BF7100, #594014, #3A1F00, #1C0B14)
• Bronze Corridor color palette (#E1F7E5, #A17A00, #294737, #0B2815, #071007)
• Washed Loft color palette (#EDF8F6, #B3DAD8, #76A891, #95727E, #355352)
• Patina Bronze color palette (#FFF1F7, #E7BC94, #CC985C, #966A13, #36583D)
• Amber Summit color palette (#EDF9EE, #DBC091, #6EC4B0, #B48200, #1D594D)

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