Patina Harbor color palette — #FFECF5 · #FA8228 · #0079C2 · #8E4300 · #00223C

Tangerine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Tangerine (#FA8228): A luminous, vivid gold — the color of old brass.
• Cerulean (#0079C2): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#8E4300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#00223C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Muted Cobalt color palette (#E4F9E3, #DC9825, #0674D4, #7B5100, #002043)
• Feathered Ember color palette (#FFEBF8, #FA5F22, #0092AB, #9D3200, #00252D)
• Tangerine Lagoon color palette (#FFF2EA, #F9792D, #0084D3, #7F3500, #003D66)
• Bronze Meadow color palette (#FCE4EB, #B16E00, #0071AF, #643C00, #001324)
• Azure Corridor color palette (#FFF3E8, #FFA868, #00A8E4, #9D5100, #00405A)
• Muted Mustard color palette (#DEFAEB, #B2A732, #7889CB, #6E6715, #1D2446)
• Tempered Indigo Courtyard color palette (#D4FDE8, #B6AC26, #675CE1, #645D00, #1C1153)
• Patina Peony Lagoon color palette (#FAECFF, #FF468A, #009599, #9D2552, #002628)

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