Patina Harbor color palette — #FEF0FF · #F5D6C3 · #EC9E89 · #A2765A · #5F424D

A conversation between Melon and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Bone (#F5D6C3): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#EC9E89): A luminous, balanced orange — the color of toasted spice.
• Mocha (#A2765A): A luminous, dusty gold — the color of old brass.
• Cocoa (#5F424D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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 Studio color palette (#F6F3FF, #FCD2D9, #E194B8, #9F6A75, #554055)
• Washed Chestnut color palette (#FFDFD9, #D99F9E, #BD725F, #884A1D, #3F3A34)
• Patina Marigold color palette (#FFF0F9, #E6DFC9, #D9A76E, #8B7345, #335342)
• Dusty Powder Boulevard color palette (#FEF1F8, #EEDBBE, #8BD7FB, #C08C74, #314A5A)
• Powdered Drift color palette (#FFE5DB, #F38804, #A56B00, #604800, #211B00)
• Worn Amber color palette (#FFF2EF, #FFB38D, #D47500, #7F5200, #4B3700)
• Ancient Sand color palette (#FFF0F7, #FFBA8F, #80CCB6, #A39AC9, #44333B)
• Powdered Ridge color palette (#FFF3E2, #FFDB73, #AAA73C, #707D41, #16443B)

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