Patina Cobalt color palette — #FFF0F9 · #9CD8F3 · #4780CC · #00685B · #3C376D

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Powder Blue (#9CD8F3): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4780CC): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00685B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#3C376D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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 Bloom color palette (#FAF2F8, #C2E2F1, #5D90B6, #007454, #384864)
• Sapphire Harbor color palette (#FFF0F8, #7BC1E9, #3668CC, #005650, #352366)
• Cobalt Terrace color palette (#F9F1E3, #A6D8EE, #008BCF, #006166, #06244A)
• Pale Cobalt color palette (#F2F5FF, #FED3D8, #F69D7D, #0082BB, #524067)
• Wandering Onyx color palette (#EFE2E9, #5E99AC, #004B83, #003126, #0F0046)
• Antique Abyss Veranda color palette (#E9E0EA, #4F8C8D, #004357, #00240A, #00091B)
• Soft Orchid color palette (#EAE8FF, #A557CB, #837200, #476521, #3F214E)
• Soft Powder color palette (#FFF2E9, #BDEDFF, #7CBBFF, #32A68D, #38396B)

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