Patina Cobalt color palette — #E3EBF2 · #BFBDCE · #B2A2CA · #3185C9 · #13212D

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

The five colors

• Frost (#E3EBF2): bright and airy, almost weightless.
• Ash (#BFBDCE): A luminous, dusty violet — the color of a velvet chair.
• Mauve (#B2A2CA): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#3185C9): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#13212D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Sapphire color palette (#D8DFEB, #B4ACC0, #B58BA7, #4D69CA, #0A1325)
• Denim Studio color palette (#EAF9F3, #F8DCEE, #D0B1B9, #006697, #00110B)
• Aged Loft color palette (#F2ECF3, #BEADBC, #9D8596, #00457C, #120514)
• Lilac Alley color palette (#EFEDF4, #DECED9, #D0B0BE, #B17CB6, #2E2C37)
• Bronze Coast color palette (#E8F0FD, #A098C4, #9B6F9C, #806423, #242900)
• Amethyst Lantern color palette (#DAE8DC, #3F99FF, #834AEB, #7B4700, #091236)
• Wandering Workshop color palette (#D3E2F9, #69CCFF, #8EA9FF, #C06BED, #110A38)
• Washed Raspberry color palette (#D2E2F8, #498AFF, #CA0084, #6B4A00, #00170F)

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