Patina Cobalt color palette — #FCF1F9 · #98DBE4 · #008ABF · #006A42 · #263E6F

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Ice Blue (#98DBE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008ABF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006A42): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#263E6F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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

• Aged Cornflower color palette (#FEF1F6, #96D7FF, #4978E5, #006761, #42356A)
• Pale Cobalt color palette (#FFF0FA, #46CAE5, #0074B2, #005840, #212C66)
• Dusty Cerulean color palette (#FCF0DF, #80E1F1, #0090B5, #00635A, #00283E)
• Turquoise Archive color palette (#EDF9EF, #82EEFF, #00ABD6, #008478, #124462)
• Ash Summit color palette (#FAF3F6, #D7DFF1, #7A9CC3, #457A6E, #495269)
• Antique Cerulean Market color palette (#EADBE8, #1AA1AD, #00506F, #00321B, #000F39)
• Jade Thicket color palette (#FFF2EC, #C8F0D3, #58C4F5, #00A988, #1C4169)
• Pale Navy Parlor color palette (#F8E5EC, #5787A3, #032C98, #002320, #0C0026)

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