Patina Harbor color palette — #FFF2ED · #FF5758 · #925E00 · #384600 · #250022

Watermelon takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#FF5758): A luminous, vivid orange — the color of toasted spice.
• Ochre (#925E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#384600): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#250022): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Airy Apricot color palette (#FFF2EA, #FF8956, #947D00, #006225, #44001D)
• Patina Boulevard color palette (#FFF3E8, #D37700, #636A00, #004431, #210002)
• Magenta Hollow color palette (#FFF1F2, #F542CB, #C61700, #533B00, #190038)
• Olive Quarry color palette (#FFF3E4, #D69930, #608400, #005749, #360805)
• Washed Bronze color palette (#FEF0E0, #A46E00, #3A5800, #002C26, #050000)
• Faded Bloom color palette (#FFF1F2, #FF948A, #EE2004, #8A2900, #421600)
• Hushed Corridor color palette (#EBD7FC, #C80084, #664400, #003623, #000F21)
• Muted Amber color palette (#FFF1F1, #FFBEAB, #C77E51, #546000, #143700)

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