Patina Cobalt color palette — #CAE7DD · #00C0C8 · #0098C3 · #0070B6 · #20285D

A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.

The five colors

• Silver (#CAE7DD): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00C0C8): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0098C3): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0070B6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#20285D): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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 Turquoise Garden color palette (#D7ECED, #00ACC9, #007E9F, #005682, #09325F)
• Pale Ultramarine color palette (#D7E9EA, #00AAD4, #007CD6, #423EC2, #26164D)
• Misty Azure color palette (#DDF5F3, #36CEF0, #00A7E0, #497ECA, #372F5A)
• Antique Lagoon color palette (#DFF7E1, #00C78F, #00A3A6, #00778F, #002D4C)
• Worn Study color palette (#C8E6FF, #79C6FF, #1393FA, #0069B6, #00182C)
• Airy Cerulean Studio color palette (#D9EEEC, #0093A0, #005C75, #00385D, #030C40)
• Pale Amber color palette (#C8E7D5, #46D5FF, #C87800, #0090B1, #3D2100)
• Lime Studio color palette (#EBE3CD, #9ACC00, #009DD9, #184939, #02130D)

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