Patina Cobalt color palette — #EEF6FF · #D9D8E9 · #C6BDE7 · #3C8AD6 · #38414A

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#D9D8E9): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C6BDE7): A luminous, dusty violet — the color of a velvet chair.
• Azure (#3C8AD6): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#38414A): quiet, heavy and certain.

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

• Lagoon Field color palette (#ECF7FB, #D2DAE6, #B3C2E2, #0098A2, #2C444C)
• Muted Iris color palette (#F3F5FB, #DED8E1, #CABDCD, #9284C1, #454751)
• Patina Cobalt Study color palette (#E9EFF7, #D0D8E7, #AEB7CF, #4C71B2, #242E3C)
• Patina Periwinkle Veranda color palette (#EAF9F4, #E6D5D1, #AFA393, #66ABE6, #29473F)
• Lilac Canyon color palette (#F0F5FF, #B7DCFF, #A0BCFF, #9F8EFF, #292C58)
• Dusty Mallow Delta color palette (#E0E1FF, #C9B3F8, #A77EB0, #8F5A58, #663927)
• Feathered Indigo Grove color palette (#E2E8F5, #6972FF, #453B73, #182543, #0A121E)
• Washed Garden color palette (#F5F4FF, #E0D9F5, #D9AFCC, #9D51B8, #322F47)

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