Patina Cobalt color palette — #D7E8E2 · #337BAD · #412739 · #041A15 · #020804

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

The five colors

• Parchment (#D7E8E2): bright and airy, almost weightless.
• Cerulean (#337BAD): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#412739): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#041A15): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020804): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Tempered Grove color palette (#F5E9F1, #727DBF, #4C333B, #271923, #060F0C)
• Lagoon Veranda color palette (#E6F3E6, #008686, #1B382C, #0B1A0C, #050702)
• Azure Atelier color palette (#DAE6F2, #0097E5, #404C6A, #1F303E, #121A1D)
• Amethyst Summit color palette (#F9E5ED, #7A4AC5, #3C1C37, #140728, #070106)
• Olive Villa color palette (#FFECF3, #967FC1, #A27631, #587700, #311121)
• Lagoon Grove color palette (#F5F2E6, #B3B794, #42846A, #1B5F6B, #28290C)
• Gentle Lapis Loft color palette (#FEECF7, #9B9ED2, #A38B3D, #5954B8, #312600)
• Moonless Workshop color palette (#F1DAE1, #7326A2, #300D0F, #0D1A14, #110005)

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