Patina Cobalt color palette — #E7F5F4 · #B0CBE1 · #4D80AD · #005870 · #07203F

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Lilac Frost (#B0CBE1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4D80AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005870): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#07203F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Basin color palette (#E9F5F2, #A4D0DA, #008D91, #005D4D, #00262A)
• Patina Alley color palette (#D7E4E2, #5295A3, #005265, #002B2D, #000509)
• Hushed Petrol color palette (#D1F0FB, #37A0CC, #0074A9, #00436F, #001F3E)
• Byzantium Studio color palette (#D6E9FF, #367FC8, #924BA9, #006A61, #00142C)
• Antique Lilac Market color palette (#E9F3FF, #DCD2F3, #AEA5EE, #3878A7, #162845)
• Cobalt Delta color palette (#FCF4EC, #A6D0C0, #4877C4, #005F64, #4E2F43)
• Soft Lagoon color palette (#D7ECFF, #5599C7, #3B913B, #005B89, #022403)
• Muted Cobalt color palette (#DEEDFF, #82A9E3, #2E68BA, #002C6F, #000B21)

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