Patina Harbor color palette — #F9EBE5 · #97E2E8 · #00B5E2 · #00956D · #003052

Built around Cyan, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Cream (#F9EBE5): a clean, paper-quiet neutral.
• Ice Blue (#97E2E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00B5E2): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00956D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Misty Periwinkle Ridge color palette (#F5EDE6, #B0DFCC, #62A6FF, #009094, #262952)
• Tempered Azure color palette (#F0E5DD, #83CCE7, #0898F0, #007E76, #0C194B)
• Hushed Cerulean Ridge color palette (#E3F2EF, #8FD2D8, #0097AB, #006C67, #003440)
• Timeworn Powder color palette (#FAF4EF, #C4E8E9, #94C0FE, #4BA9AD, #573F4F)
• Hushed Petrol Cabin color palette (#E1EDE3, #80C0C6, #00778F, #004C41, #001925)
• Dusty Powder color palette (#F2F7D3, #A3EEDA, #7FD5FF, #9DA358, #31352E)
• Pale Station color palette (#E7DDD2, #81B6E4, #4C75FE, #006B78, #150638)
• Jade Grove color palette (#BAF6D3, #4EDAA8, #00B56D, #00784D, #001F12)

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