Patina Cobalt color palette — #F6EDE0 · #9FD0C3 · #6085CD · #006882 · #262950

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

The five colors

• Cream (#F6EDE0): a clean, paper-quiet neutral.
• Pistachio (#9FD0C3): A luminous, dusty teal — the color of sea glass.
• Azure (#6085CD): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006882): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#262950): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Cerulean Villa color palette (#F5EDE1, #A8D0B1, #0095B6, #006D60, #00324A)
• Cornflower Hollow color palette (#FDF4E5, #99D2FF, #3588FE, #006F85, #232C66)
• Antique Petrol Boulevard color palette (#E6DDCE, #7CBDC9, #0081A3, #005A52, #002236)
• Petrol Pier color palette (#F7EDE2, #92B5D8, #575FAC, #004F53, #391F51)
• Azure Quarry color palette (#FAF4EB, #9CE9FD, #00A9E1, #00837F, #00436F)
• Iris Boulevard color palette (#E9F1E8, #B3D8F9, #899BFF, #009094, #35244A)
• Wandering Balcony color palette (#E9E1D5, #45A2AC, #006278, #003C34, #000B13)
• Hushed Pier color palette (#FFEAE4, #D15A61, #359207, #3567B5, #381013)

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