Patina Cobalt color palette — #ECF4EF · #74C0D7 · #4B75B7 · #007088 · #170717

Built around Slate, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Sky (#74C0D7): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4B75B7): A full-bodied, balanced blue — the color of open sky before noon.
• Teal (#007088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#170717): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Aged Atelier color palette (#EEF4EC, #6FC5BD, #0080AA, #00746E, #02120B)
• Timeworn Cobalt color palette (#F5F0F5, #A7C6ED, #8976B6, #3373BB, #1F1117)
• Indigo Archive color palette (#EDF7FA, #6ABFBF, #665CC8, #006E6F, #1F2331)
• Patina Lagoon color palette (#FFEDE8, #7B9DD3, #6163A3, #72264C, #2F1A2C)
• Azure Pier color palette (#EFF6FA, #72D4EF, #4A94DB, #008FAB, #1A2531)
• Aubergine Market color palette (#C9FFEF, #8BAEDA, #5673B4, #363993, #210061)
• Washed Petrol color palette (#EDF4F1, #CEDADB, #D0B9C1, #3E7D9D, #232F2A)
• Linen Studio color palette (#DBF4EB, #009EE8, #392DEB, #00517A, #010019)

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