Patina Cobalt color palette — #FCF3ED · #9DCDE5 · #3E77CB · #006156 · #4E2F41

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Sky (#9DCDE5): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3E77CB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4E2F41): 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

• Antique Thicket color palette (#FCF3F0, #AECFB0, #0084AA, #136330, #4A2F4C)
• Cobalt Summit color palette (#FFF2EB, #57C9E1, #0074B2, #005840, #202C67)
• Cobalt Corridor color palette (#E9F6EC, #A5CDEA, #3481BE, #005A63, #0E1F3E)
• Petrol Parlor color palette (#FCF4E8, #A8DDF8, #669BC8, #077A85, #493147)
• Pale Cabin color palette (#FEDADF, #A459A0, #007C7E, #00657B, #421F25)
• Timeworn Pewter color palette (#FFF1F1, #FFC5B6, #CBB36C, #83629E, #583B34)
• Dusty Lagoon color palette (#FCF2F7, #C1E6FF, #8AB5E7, #0AA09F, #2F3761)
• Tempered Parlor color palette (#F5EADF, #6DA6CD, #2D47BD, #003E3D, #241342)

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