Patina Cobalt color palette — #F9F0EA · #B2CFC0 · #3581C0 · #005C57 · #131D41

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Oat (#B2CFC0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3581C0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#131D41): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Cobalt Chapel color palette (#F4F6ED, #AACFBC, #0082B4, #005E6C, #183E59)
• Timeworn Archive color palette (#F4E6DF, #9EBD9E, #00788E, #004E2F, #001828)
• Dusty Petrol Ridge color palette (#F7F1EB, #C8E3DB, #788CC1, #006A78, #3F2131)
• Turquoise Grove color palette (#ECF8F7, #D8DDE9, #5BB1DD, #007D8D, #05324C)
• Abyss Archive color palette (#F8ECE5, #5B9598, #005265, #002D1D, #00050C)
• Patina Jade color palette (#DFE5D0, #6AA666, #007452, #004E43, #002424)
• Feathered Raspberry Loft color palette (#E5ECDC, #4EA484, #B35980, #006549, #39011F)
• Dusty Denim color palette (#F5E9E0, #70A3C3, #1854A9, #00393C, #08002E)

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