Patina Cobalt color palette — #F9F4ED · #A2D0C3 · #5A78AE · #005C73 · #32365E

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Pistachio (#A2D0C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5A78AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#32365E): 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

• Cerulean Grove color palette (#F9F4EE, #AFCEB2, #00879C, #00624F, #004157)
• Indigo Coast color palette (#F8F0E8, #A3D3C5, #6173CF, #005B5D, #261839)
• Wandering Quarry color palette (#FFF4E2, #88C0DD, #0072B8, #00555D, #052C72)
• Patina Orchard color palette (#F1F7F0, #BDD8F0, #778CF2, #007C7D, #353755)
• Softworn Powder Harbor color palette (#EFF8F0, #C7E4FF, #91B2EE, #4897B1, #2E3A55)
• Hushed Study color palette (#F8F5EF, #CBE5E7, #819BBF, #297A8D, #63495D)
• Timeworn Denim color palette (#F0E7DA, #6398AA, #005071, #003030, #00142B)
• Mulberry Courtyard color palette (#FFE9E3, #C1737E, #008A8C, #A2003D, #003E3F)

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