Patina Cobalt color palette — #FDF3EF · #AECEB5 · #1B82B1 · #00633E · #4C2F49

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Pistachio (#AECEB5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#1B82B1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00633E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, 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

• Cobalt Market color palette (#FBF4ED, #9ACDE7, #4476C8, #006157, #39345A)
• Antique Cobalt color palette (#FAF4EF, #BDE8D2, #568DCE, #217162, #593E4F)
• Cerulean Bloom color palette (#ECF4ED, #95D4DC, #2388A4, #005C51, #042337)
• Worn Forest color palette (#FFF2EE, #49CFC8, #007A93, #0C5A0C, #00355B)
• Wandering Boulevard color palette (#F9F4ED, #A4E1E8, #24A5C7, #297B6E, #1A4336)
• Scarlet Orchard color palette (#DDF6E4, #009FB3, #D03B2E, #00626F, #522721)
• Muted Boulevard color palette (#D9F6DD, #00B8A7, #007D81, #005571, #31345B)
• Tempered Bronze Hollow color palette (#D3EDD1, #008C89, #9F5800, #655400, #1A3219)

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