Patina Cobalt color palette — #E5F3E7 · #ABC8E4 · #5D84D2 · #006882 · #252856

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

The five colors

• Cream (#E5F3E7): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#ABC8E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#5D84D2): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006882): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#252856): A deep, shadowed, balanced 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

• Timeworn Iris color palette (#F9F4ED, #DADEFB, #648FE5, #006680, #18193F)
• Hushed Cerulean color palette (#E8F1EA, #8ED1DA, #0095B6, #006D60, #00324A)
• Timeworn Ultramarine color palette (#FAEAEF, #98B5D2, #555EB1, #004F53, #382050)
• Quiet Thicket color palette (#EBFAEE, #A7E7F7, #00A9E1, #00837F, #00436F)
• Hazy Iris color palette (#F7EDE2, #AEDFD1, #899BFF, #009094, #372150)
• Ancient Delta color palette (#DAECDD, #6AABCD, #006AAE, #004951, #000C3F)
• Weathered Ridge color palette (#E5F2E7, #55A0A8, #006278, #003C34, #000B13)
• Frosted Jade color palette (#D6EEE1, #00B58E, #00857A, #006166, #002F35)

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