Patina Harbor color palette — #FFF1F0 · #E1DAD0 · #C09FD6 · #9DB2AF · #513933

Built around Mauve, softened by Cocoa — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#E1DAD0): bright and airy, almost weightless.
• Mauve (#C09FD6): A luminous, balanced violet — the color of twilight just after sunset.
• Ash (#9DB2AF): A luminous, dusty teal — the color of sea glass.
• Cocoa (#513933): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Studio color palette (#FFF2EE, #E0DCCE, #D5A6C3, #9BB9B2, #7D431E)
• Oat Orchard color palette (#F8F2FF, #DDD7CD, #E5B6C6, #7D7AA0, #514655)
• Weathered Coral Basin color palette (#FFF3E8, #BBEDD5, #C3C9D4, #D67761, #332F29)
• Hushed Chestnut Corridor color palette (#FFF3E9, #EED9BF, #BF9379, #98554F, #34312B)
• Blush Quarry color palette (#FFF2EB, #E2FFAF, #DEDFCC, #DE6C93, #5C3203)
• Linen Magenta color palette (#FFF2EE, #E0D8CF, #F6CD61, #C23CB9, #4E150E)
• Washed Petrol color palette (#FCF4E7, #CFAE5C, #7DAC7C, #007CAA, #2E230E)
• Wandering Frost color palette (#E2F1FE, #BEFFE3, #FFCFD2, #543229, #241B19)

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