Patina Cobalt color palette — #F8ECE2 · #95CCEF · #5186D4 · #006B70 · #272951

Azure takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#95CCEF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#5186D4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#272951): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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 Meadow color palette (#FBF4EC, #B1D9FF, #7892DC, #007A8A, #512D41)
• Aged Azure color palette (#ECF9EF, #D6DEFB, #5C95D4, #006877, #0D1A44)
• Faded Cerulean color palette (#F8ECE6, #85D5D3, #0096B0, #0F6F45, #02324A)
• Washed Petrol Bloom color palette (#F8ECE2, #89B8D6, #4B66A2, #00504C, #302452)
• Powdered Azure Coast color palette (#FFF2EC, #90ECF7, #22AAD8, #008667, #204263)
• Ancient Petrol color palette (#F2E4DC, #38B2D2, #006CA5, #004B44, #010C3E)
• Frosted Alley color palette (#FFE5E9, #EB2D70, #008E7D, #106E89, #380F1A)
• Teal Grove color palette (#FBE9E0, #34A5A4, #006375, #003E23, #000B14)

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