Patina Harbor color palette — #FFF2E9 · #FF9F69 · #55B8DA · #5A9AC2 · #3B2514

Apricot and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Apricot (#FF9F69): A luminous, balanced orange — the color of autumn markets.
• Cyan (#55B8DA): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#5A9AC2): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#3B2514): A deep, shadowed, dusty gold — the color of old brass.

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

• Weathered Teal color palette (#FFF2EE, #FF99A1, #14C3BB, #36A2B3, #3D231C)
• Timeworn Mustard Loft color palette (#FFF3E3, #F1AC00, #74ADF2, #808EC7, #362814)
• Feathered Iris Study color palette (#FFF7C8, #DAC12E, #6E82EB, #9B6BCE, #282100)
• Aged Station color palette (#FFF3E5, #E59A2A, #007EC8, #6F4CCC, #1D0F00)
• Weathered Cerulean Alley color palette (#E5F8E5, #AE8547, #00909C, #007987, #0C240F)
• Sand Harbor color palette (#FFF2EB, #FFD3AD, #C2917F, #885F53, #35312B)
• Cocoa Cabin color palette (#FFF2EB, #EBFFC1, #DEDFCC, #CEA199, #673900)
• Aged Thicket color palette (#FFF0F7, #B57852, #009073, #6D54B6, #4A2D3D)

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