Patina Harbor color palette — #FFF0F8 · #F6D2C8 · #D5B3B0 · #A2987B · #4C4F00

Deep Olive takes the lead with Shell Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#F6D2C8): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#D5B3B0): A luminous, dusty orange — the color of toasted spice.
• Taupe (#A2987B): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#4C4F00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Aged Lagoon color palette (#FDD8DC, #E2B6B0, #CB9482, #878E6F, #35462F)
• Softworn Fern Courtyard color palette (#F8F5EA, #E0E1BD, #93C3A0, #A891A9, #515000)
• Hushed Ash color palette (#F1F0FF, #CFC9DE, #A394AE, #715F68, #30432F)
• Aged Corridor color palette (#F6E6EF, #DB9096, #AE7459, #12724B, #003537)
• Powder Grove color palette (#F8F5EF, #BFE2EC, #88D2F2, #72AFA8, #385049)
• Muted Thicket color palette (#FFF1F1, #FFD4E8, #EC9BC4, #B07796, #532F2D)
• Seafoam Cabin color palette (#FFF1F2, #F5C3E8, #83DEA4, #CE92BF, #4C4E47)
• Worn Mustard Bloom color palette (#FFF1F1, #F3AFD7, #CAC168, #7AB9D0, #523C3C)

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