Patina Harbor color palette — #FFF2E9 · #DBB789 · #B88161 · #96553A · #403D36

A conversation between Ochre and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sand (#DBB789): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B88161): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#96553A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, 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

• Worn Cocoa color palette (#FFF2E9, #BDA27F, #926750, #714246, #3F3D36)
• Patina Bronze Summit color palette (#FBF5E5, #B6C68F, #9B9055, #8B5F21, #3D4100)
• Driftwood Garden color palette (#FFF0F8, #BADBBC, #CFA187, #B37477, #254537)
• Wandering Garden color palette (#EDDFD6, #D48D30, #A75A31, #753838, #2F2105)
• Amber Veranda color palette (#F7E6D3, #A98809, #875300, #632A10, #1C1600)
• Teal Summit color palette (#ECFBE3, #00B998, #BE7693, #965872, #2D3626)
• Honey Harbor color palette (#EEF9E9, #F5B57C, #3B7F73, #374830, #1D2419)
• Weathered Olive color palette (#F6EBD5, #6B7700, #534400, #351E00, #040400)

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