Patina Cobalt color palette — #F9F0E7 · #A4D3C5 · #6079B7 · #005A64 · #201A3D

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Pistachio (#A4D3C5): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6079B7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A64): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#201A3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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 (#F4F6EE, #A2D0C3, #447ABA, #005B7B, #263A5E)
• Cerulean Boulevard color palette (#F8F0EC, #B6CFB7, #118AA4, #085E3D, #002338)
• Pale Veranda color palette (#FFEEE3, #82C6E4, #0074C8, #005250, #0C0752)
• Patina Cerulean color palette (#EDDACF, #3398B1, #004F75, #002C26, #000316)
• Dusty Petrol color palette (#EBF8F8, #DBDDE8, #7DA9DF, #1378A0, #1A2F4C)
• Tempered Field color palette (#FFDFD5, #C84B59, #007F7B, #00686F, #2A0409)
• Wandering Market color palette (#F4E7E1, #86A686, #006376, #003C23, #000C17)
• Patina Pewter color palette (#FFEDE9, #FFCEB7, #C5B686, #916389, #311A10)

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