Patina Cobalt color palette — #FBF3F0 · #ADCFB6 · #2480B3 · #006342 · #4A3146

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Pistachio (#ADCFB6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2480B3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006342): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4A3146): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Cerulean Courtyard color palette (#FBF3F1, #B3CDB0, #0086A1, #2E602A, #104439)
• Dusty Cobalt color palette (#FAF4EF, #C1E6D5, #5C8BCF, #007265, #5A3D4E)
• Washed Sapphire Grove color palette (#F5EDE6, #8EBDAB, #3B63BA, #00504B, #2F264F)
• Tempered Alley color palette (#EBF5ED, #8BD5E2, #2A88A6, #005C54, #022339)
• Weathered Turquoise Archive color palette (#FCF4E8, #9AE2EE, #50A1BE, #187C71, #114437)
• Antique Marigold color palette (#FFF1F3, #FFCFD8, #E4AB68, #5B66A2, #583D39)
• Violet Terrace color palette (#FFD9E3, #9A59BA, #007E70, #045F75, #3D222A)
• Navy Summit color palette (#EADCD4, #458C9B, #004065, #002317, #03012B)

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