Patina Cobalt color palette — #F3F7EC · #A6CFC2 · #4A7BAF · #005B79 · #213A61

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

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Pistachio (#A6CFC2): A whisper-light, dusty teal — the color of sea glass.
• Slate (#4A7BAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B79): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#213A61): 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

• Weathered Petrol color palette (#F3F8E6, #74C3E5, #0077A6, #005461, #003657)
• Dusty Workshop color palette (#F6F6ED, #B4CDB3, #1E888F, #006155, #00434C)
• Wandering Loft color palette (#FBF3F5, #B6D9F7, #7094DE, #007A85, #303859)
• Hushed Cerulean Basin color palette (#E6E9D7, #529BAD, #005268, #002F32, #001622)
• Muted Hollow color palette (#EDF1E6, #5A8C80, #003880, #002030, #01002F)
• Ancient Courtyard color palette (#FFF2ED, #EED9BA, #E2A683, #A45569, #47403C)
• Aubergine Quarry color palette (#FFDBD3, #BC516A, #936100, #6B3F9F, #441D25)
• Antique Cocoa color palette (#F5E5D1, #A9946B, #7D5D2B, #623900, #33302A)

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