Patina Cobalt color palette — #ECDBE4 · #84B8D2 · #4186CF · #006D6C · #0A0740

A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#ECDBE4): A whisper-light, dusty pink — the color of a candy shop window.
• Ash (#84B8D2): A luminous, dusty blue — the color of deep harbor water.
• Azure (#4186CF): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006D6C): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#0A0740): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Ancient Delta color palette (#F1E0E5, #9AC5EC, #718EDF, #007B8A, #201444)
• Cerulean Market color palette (#E7D9E3, #73BFC1, #0092B0, #00714A, #001626)
• Wandering Petrol color palette (#EDF0E2, #5CADD2, #006E9F, #004856, #001528)
• Periwinkle Cabin color palette (#F5EBF1, #AEDAF5, #68ABE5, #00928A, #1A295C)
• Dusty Navy color palette (#F5ECE5, #3B95BB, #004A86, #002C2B, #02001D)
• Misty Olive Chapel color palette (#C7EAED, #59CCD9, #79AAF6, #468630, #001A1A)
• Tempered Coast color palette (#C1E9E3, #00B0AF, #008578, #004E4A, #000404)
• Plum Delta color palette (#CBEDEF, #2FB990, #C31F57, #007457, #25000A)

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