Patina Cobalt color palette — #F6F1EC · #AED0C4 · #5C7BB4 · #005A61 · #1D1B3E

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Oat (#AED0C4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5C7BB4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A61): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1D1B3E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Worn Villa color palette (#F8F0EC, #B3D1B4, #078AA6, #005E3D, #002339)
• Cobalt Summit color palette (#FFEEE4, #76C8E7, #0076BE, #00524D, #060C50)
• Washed Cobalt color palette (#F4F6EE, #9FCBEB, #1E7CC8, #005C77, #4A2F4B)
• Periwinkle Corridor color palette (#EEF7F7, #DADCE8, #65ACEC, #007A9B, #122E52)
• Denim Station color palette (#F7E5DC, #5595A2, #005070, #002D24, #000411)
• Timeworn Petrol color palette (#FFECF4, #F9CBCB, #E69492, #5061A2, #3D1E27)
• Hushed Forest Courtyard color palette (#FCE8EB, #9E61A4, #7E6F00, #006E2F, #280510)
• Hushed Aubergine color palette (#DDE7F8, #8292DC, #7053B6, #5E0477, #32092F)

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