Patina Harbor color palette — #FDF1FA · #DF9E94 · #A4875C · #607044 · #573550

A conversation between Rosewood Mist and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Rosewood Mist (#DF9E94): A luminous, dusty orange — the color of autumn markets.
• Caramel (#A4875C): A luminous, dusty gold — the color of old brass.
• Olive (#607044): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#573550): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Weathered Station color palette (#FCF1FB, #DD9E9D, #AF8254, #696E34, #1B4B4B)
• Patina Taupe Balcony color palette (#FFF2EB, #FEB8A2, #B1974E, #50764E, #4D2F2C)
• Washed Coral color palette (#F9EEF6, #D28376, #65515D, #40333D, #252025)
• Airy Aubergine color palette (#FFF0FA, #F26D48, #937300, #6C2EA4, #5B0332)
• Dusty Apricot color palette (#FDF1FA, #EED5CD, #E79F7A, #ADB19A, #5D4255)
• Patina Taupe color palette (#FFF0F9, #F0CFDD, #9CB49D, #748A87, #345252)
• Washed Amber color palette (#E1F9EA, #AA9534, #458244, #005C5A, #002F48)
• Taupe Meadow color palette (#E8FAF2, #A6AC53, #4A916B, #006B73, #532D13)

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