Patina Cobalt color palette — #FAF4F0 · #AACFB9 · #0080BC · #006155 · #4A3048

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Pistachio (#AACFB9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0080BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4A3048): 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

• Patina Cobalt Lagoon color palette (#FBF4ED, #A4CAEA, #5674C1, #005E69, #393559)
• Softworn Pier color palette (#FBF3F0, #B1CEB4, #0086A3, #006343, #144438)
• Cobalt Lantern color palette (#FAF4EF, #C3E5D9, #698AC4, #007078, #5A3E4F)
• Aqua Market color palette (#FFF2EC, #4ECCD5, #007A98, #00583F, #003559)
• Tempered Navy Canyon color palette (#F0E5DE, #488AA2, #003F68, #002320, #01022C)
• Washed Sky Atelier color palette (#EEF8F0, #BBE8FF, #62BDEC, #2C9E9C, #163D5F)
• Timeworn Basin color palette (#EBE2DB, #70A7C0, #00599A, #003E3C, #11184A)
• Lapis Loft color palette (#F7EED7, #B19D24, #6852C7, #635700, #342F56)

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