Patina Azure Harbor color palette — #FAF4F0 · #CCE6E4 · #6A9FCB · #2B7D76 · #5F4B5C

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CCE6E4): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6A9FCB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#2B7D76): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5F4B5C): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Azure 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

• Worn Parlor color palette (#EAF4F3, #D1DBEF, #7CA2BB, #3A757F, #263848)
• Aged Pier color palette (#FFF1F2, #BD82AB, #459F63, #208492, #523B3D)
• Stone Lantern color palette (#F4F6EE, #C0EEEC, #8EBDA9, #6C9077, #345148)
• Denim Bloom color palette (#FAECE5, #6DA9BA, #005D8B, #003F37, #081D44)
• Softworn Navy color palette (#F5ECE4, #4D88A8, #003B78, #002223, #05012A)
• Cerulean Quarry color palette (#FFF2ED, #AECEB5, #0084AC, #00624C, #1F3D5A)
• Linen Cornflower color palette (#FEF3E8, #A5D4FC, #4E77E4, #006570, #3E366D)
• Ancient Oat Pier color palette (#FFF1F1, #E2DAD0, #DCCC98, #A77D8B, #634E49)

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