Patina Cobalt color palette — #F9EAF1 · #A3CAE5 · #4188D8 · #006C6C · #242953

Built around Azure, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Blush (#F9EAF1): a clean, paper-quiet neutral.
• Sky (#A3CAE5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#4188D8): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#242953): A deep, shadowed, dusty violet — the color of wild irises.

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

• Pale Bloom color palette (#F5EBF2, #8AD3D6, #0095B7, #006F4D, #00314F)
• Weathered Alley color palette (#FEF1F6, #B1DAFB, #7394DA, #007A86, #38355B)
• Washed Azure Harbor color palette (#FAF4EC, #C1F2DD, #4F97D7, #006873, #051B47)
• Petrol Coast color palette (#EDF0E4, #84B9D6, #096FA5, #004D5E, #0A2F50)
• Quiet Turquoise color palette (#FEF0FA, #9BEBEF, #00ACD3, #00865E, #074369)
• Powder Hollow color palette (#FAF3F6, #DADEED, #8EB3EC, #4E9397, #4B5264)
• Powdered Ultramarine Study color palette (#DFEADE, #6697C4, #2C3DD3, #003A43, #0C0026)
• Powder Workshop color palette (#C8F8FF, #76E9FE, #82BDFF, #558A50, #073E47)

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