Patina Petrol color palette — #ECE5D9 · #5DADCE · #006CA5 · #00494E · #001231

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

The five colors

• Parchment (#ECE5D9): bright and airy, almost weightless.
• Cyan (#5DADCE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00494E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001231): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Petrol 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

• Cobalt Corridor color palette (#F3E8D7, #7EB8E7, #3772CD, #005669, #141849)
• Tempered Teal Lagoon color palette (#F1E7D8, #19A6AC, #006374, #003D31, #000B12)
• Aged Loft color palette (#E4F1F0, #7CC1E0, #006F9D, #003C47, #000307)
• Aged Denim color palette (#EBDBD0, #479BBC, #004B83, #00302E, #070B3C)
• Cobalt Veranda color palette (#F4EDE3, #8FCFE6, #1F90C8, #006B6D, #092F53)
• Washed Azure color palette (#FCF4E7, #94EBFB, #00ABD9, #00837A, #184460)
• Aged Azure color palette (#D4EFE7, #00CEDA, #00A1DA, #246F3F, #041B02)
• Hushed Plum Studio color palette (#C0E9DA, #008C6E, #B50076, #00523F, #230013)

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