Patina Harbor color palette — #F3F4FE · #8F72B9 · #A35058 · #6E4219 · #2C3B34

Brick takes the lead with Slate Blue close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F3F4FE): a clean, paper-quiet neutral.
• Slate Blue (#8F72B9): A luminous, balanced violet — the color of twilight just after sunset.
• Brick (#A35058): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#6E4219): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#2C3B34): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Plum Lantern color palette (#F2F4FF, #9D8BCF, #9D547E, #7B4131, #2D455C)
• Aged Chestnut color palette (#F7F3FC, #A46C8F, #915521, #5B4E00, #213534)
• Tempered Garden color palette (#EBF2FE, #6A8ACD, #975467, #694523, #061C1F)
• Aged Archive color palette (#EAF9F4, #758C46, #994D61, #75432B, #29382D)
• Muted Periwinkle color palette (#E7FAF4, #65A8E7, #B17458, #6B635F, #30332C)
• Mallow Canyon color palette (#F3F4FE, #CAA8EA, #D096AF, #AA7465, #243B40)
• Plum Harbor color palette (#F6F3FF, #B3279C, #793800, #4B3900, #002B26)
• Cerulean Boulevard color palette (#F1F5FB, #DAD9E3, #B9A9AD, #6983AC, #4F5359)

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