Patina Cobalt color palette — #F6F1EC · #9DCFEC · #577BBE · #005C55 · #211A3B

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Sky (#9DCFEC): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#577BBE): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C55): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#211A3B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Cobalt Corridor color palette (#F9EFEC, #B4D0B9, #0087B6, #005F36, #2E162D)
• Dusty Cobalt Canyon color palette (#FCF4E7, #9BCCEA, #387CBD, #005E6A, #2A395C)
• Worn Archive color palette (#F1E7E3, #85BFC4, #00759D, #004F2A, #001339)
• Periwinkle Parlor color palette (#FCF2F6, #B2DAF6, #6B96DA, #257B71, #39345A)
• Fern Studio color palette (#FFE6F2, #8E7CDF, #0C7115, #005C4B, #240819)
• Wandering Apricot Courtyard color palette (#FFECF4, #F5CBED, #EFA48B, #326E97, #3A2025)
• Cerulean Basin color palette (#FBECE5, #1B9BAA, #004F72, #002D1B, #00001F)
• Wandering Studio color palette (#F3E5D8, #417FA7, #13239E, #001F1E, #020008)

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