Patina Cobalt color palette — #F4F7ED · #9ED2C1 · #4C7CAA · #005C77 · #243B5C

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

The five colors

• Ivory (#F4F7ED): a clean, paper-quiet neutral.
• Pistachio (#9ED2C1): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#4C7CAA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C77): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#243B5C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Antique Workshop color palette (#F7F0EB, #AFD0C4, #5F7BB0, #005A62, #1D1943)
• Soft Petrol Dune color palette (#F3F8E4, #73C4E3, #0077A4, #005460, #003655)
• Lagoon Pier color palette (#F6F6EA, #B5CCB3, #11888E, #006153, #21432C)
• Timeworn Periwinkle color palette (#FAF3F6, #BBD8F1, #7595D0, #007B83, #36355E)
• Muted Navy Market color palette (#E3EAD7, #5285B3, #003A79, #00202F, #00022C)
• Muted Corridor color palette (#F4F6EE, #C5E6E7, #73A596, #39788C, #5C4C5E)
• Softworn Delta color palette (#F3F0D2, #7D9A38, #0086A6, #496000, #003C4C)
• Worn Boulevard color palette (#E9EADB, #5CAFAB, #006468, #003F35, #002429)

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