Patina Cobalt color palette — #FBEFE7 · #98D1EC · #567DB5 · #005C52 · #311626

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Sky (#98D1EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#567DB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#311626): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Cerulean Bloom color palette (#FBEFEA, #98D4D6, #1987AD, #255C37, #0A203E)
• Cobalt Delta color palette (#F4F6EF, #ACCEBF, #3980AA, #005D6F, #1D3D59)
• Patina Alley color palette (#FCEEEB, #C9E5C6, #479AB2, #476846, #13332C)
• Weathered Boulevard color palette (#FDF1F7, #B5DAF3, #6999CC, #007C7A, #2F385C)
• Gentle Bronze color palette (#FFE4D3, #BB5F00, #1873B3, #1A5F93, #220E00)
• Lagoon Harbor color palette (#F9E3DB, #009DA4, #00516C, #002E14, #000412)
• Washed Navy Basin color palette (#ECDCCF, #0E82B3, #13347F, #001F1D, #020009)
• Amber Garden color palette (#F6E6D6, #CC7C00, #008AA5, #794800, #002029)

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