Patina Cobalt color palette — #F9F0EA · #97D2E6 · #4A80B4 · #005D4B · #301629

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Sky (#97D2E6): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4A80B4): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4B): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#301629): A deep, shadowed, dusty pink — the color of neon signs at night.

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 Field color palette (#FCEFEB, #97D5D2, #0089A8, #2D5B30, #002720)
• Dusty Cypress Ridge color palette (#F7F0EA, #BDE1FF, #7C8BBD, #006C6D, #3C232E)
• Chalky Sapphire color palette (#F2E7DB, #7DB9F0, #5660BB, #004B4E, #1C0D2C)
• Timeworn Cerulean color palette (#F4F6ED, #AACFBB, #3382A4, #005E68, #0D3F5A)
• Hazy Indigo color palette (#F4E0EB, #7764DF, #687700, #1E6732, #230919)
• Sky Hollow color palette (#EFF8F1, #D8D6E2, #62B0DD, #297D7D, #183048)
• Dusty Petal Archive color palette (#FFEBF9, #F2C2FD, #E8A49D, #39718B, #341D25)
• Worn Navy color palette (#EEE3DA, #2484A3, #003B73, #00201A, #01000A)

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