Patina Cobalt color palette — #DAE2F1 · #B4B0FE · #B593E2 · #4678C8 · #160F3F

A conversation between Azure and Wisteria, giving this palette its sense of trust and stability.

The five colors

• Frost (#DAE2F1): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B4B0FE): A luminous, balanced violet — the color of twilight just after sunset.
• Wisteria (#B593E2): A luminous, balanced violet — the color of twilight just after sunset.
• Azure (#4678C8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#160F3F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, 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

• Linen Lagoon color palette (#E1DDF4, #D29CC0, #CF7DD2, #6F71CA, #221134)
• Patina Coast color palette (#DAE3F1, #B29CF4, #CD74AF, #006886, #181336)
• Periwinkle Thicket color palette (#D4EAF8, #9EB1FF, #6FA2F3, #00879E, #001F30)
• Byzantium Pier color palette (#F8DDEF, #9E95E5, #994CD6, #1C3883, #060120)
• Faded Iris Loft color palette (#F4F4FF, #EFD1ED, #E6B5FF, #7B92F5, #3A325F)
• Peony Delta color palette (#FFF0FE, #CFBBFF, #E26FB2, #006077, #05001A)
• Lilac Courtyard color palette (#F0ECFF, #FFCDEC, #F9AFA4, #AE7DC1, #382B4B)
• Washed Peony color palette (#EADDF3, #FFAEBD, #EA9B69, #B6639C, #36111F)

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