Patina Cobalt color palette — #F3F7EB · #9FD1C3 · #517AAE · #005A7C · #273A5E

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Pistachio (#9FD1C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#517AAE): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A7C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#273A5E): A deep, shadowed, dusty violet — the color of a velvet chair.

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 Lagoon color palette (#F8F0E8, #AED0C6, #6079B8, #005A64, #201A3E)
• Ancient Petrol color palette (#F3F8E3, #69C4ED, #0076AA, #005363, #00355A)
• Wandering Lagoon color palette (#F5F6EB, #B2CDB3, #008894, #006157, #1F432E)
• Muted Corridor color palette (#FDF2F5, #BFD8EF, #7793D7, #007A87, #393360)
• Antique Coast color palette (#D0F0FF, #37A4D7, #0070A9, #004D86, #342E61)
• Patina Denim Workshop color palette (#E4E7D6, #589AAD, #00516A, #002F34, #001623)
• Washed Petrol color palette (#FFF0FD, #D1D6FF, #B6ABDB, #4F7299, #55384E)
• Patina Cobalt Loft color palette (#F5DBF4, #4379C7, #8C5492, #006966, #392239)

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