Patina Cobalt color palette — #DFEEED · #8AB9D2 · #007CB9 · #005669 · #00203D

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

The five colors

• Frost (#DFEEED): bright and airy, almost weightless.
• Ash (#8AB9D2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007CB9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005669): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Lagoon color palette (#D4E4E0, #85BBC8, #00858A, #005B4C, #002529)
• Hushed Cobalt Coast color palette (#F3F7EA, #8CD6FF, #0C81C1, #004F61, #000D1E)
• Denim Lantern color palette (#F9E7EF, #64A8CB, #0056A7, #003E3F, #171A41)
• Wandering Azure Parlor color palette (#EFE0D5, #7FCBF1, #4B94E8, #007D7E, #161A42)
• Denim Alley color palette (#DAEFED, #7198B0, #005F87, #003A44, #000A16)
• Cerulean Meadow color palette (#EDF8F7, #D5DAF4, #82A8D3, #0086B1, #344868)
• Muted Cerulean color palette (#E8F9F6, #85DBE5, #009DB5, #007270, #003948)
• Dusty Petrol Pier color palette (#C8E8ED, #008777, #006EB0, #585E00, #001612)

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