Patina Cobalt color palette — #F9ECE4 · #96CEE2 · #298DD2 · #006D65 · #1D2C51

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

The five colors

• Cream (#F9ECE4): a clean, paper-quiet neutral.
• Sky (#96CEE2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#298DD2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006D65): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D2C51): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Muted Forest color palette (#F8ECE5, #AFCEAE, #0096B0, #007043, #00324B)
• Ancient Azure Garden color palette (#EEF8F0, #CBE3FF, #249CD9, #00696B, #001E3E)
• Wandering Periwinkle Summit color palette (#FDF3EC, #B3E0CD, #6098DD, #007C7D, #4D2F44)
• Timeworn Garden color palette (#EAE0D5, #7DB8E7, #3E6ADF, #005861, #1E1643)
• Ancient Petrol Lagoon color palette (#E4F2F0, #75BDD6, #007298, #004E58, #02324B)
• Dusty Garden color palette (#FFF2EB, #A2EBE5, #00AEC7, #00884A, #004662)
• Ultramarine Summit color palette (#E6DDD5, #629ABD, #004FBB, #003B3E, #08002A)
• Linen Peony color palette (#FAEAEA, #EC56C0, #00787C, #007C46, #340F29)

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