Patina Cobalt color palette — #F8EFF4 · #9AD1E3 · #2183BF · #005C53 · #102038

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Sky (#9AD1E3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2183BF): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C53): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#102038): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Patina Cerulean Lantern color palette (#EBF8F7, #97CFE2, #0084AD, #005E68, #143F57)
• Iris Garden color palette (#F7EFF2, #C5E0F8, #6D8DCA, #006B74, #232A44)
• Sunlit Sapphire Lantern color palette (#E5EBE4, #89B9E4, #4360CB, #004A54, #160F30)
• Wandering Lagoon Dune color palette (#EFE4EB, #339B99, #005361, #002E18, #00050B)
• Antique Sapphire Terrace color palette (#D7F0E5, #A4A739, #4561D3, #585900, #0D1741)
• Tempered Denim color palette (#EDE3E8, #68A5C3, #0058A3, #003939, #05012F)
• Chestnut Garden color palette (#D1E6DA, #90A06D, #726500, #553700, #001D1B)
• Weathered Thicket color palette (#CEEBDC, #877F00, #5D5BD1, #6E3EA0, #00190E)

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