Patina Petrol color palette — #E3F2F1 · #98B5CD · #276CA4 · #004C62 · #002D5D

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F2F1): bright and airy, almost weightless.
• Ash (#98B5CD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#276CA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#002D5D): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Aged Cypress Ridge color palette (#E3F3EF, #90B9C5, #007680, #005148, #00343D)
• Tempered Denim Villa color palette (#DFEDFF, #B1BFEA, #958AD7, #005D97, #21334F)
• Ancient Drift color palette (#EFE6EA, #82BBE0, #1964D5, #004B4F, #120E36)
• Pale Hollow color palette (#F6EDE5, #9BCBEC, #4883E5, #006B71, #282754)
• Tempered Cerulean color palette (#E8FAF6, #96DCE5, #008FA6, #006764, #00475A)
• Frosted Periwinkle Meadow color palette (#ECF1E1, #A7DAFF, #53AAF8, #008BB2, #172E4E)
• Patina Atelier color palette (#DDEAE8, #529AB3, #00516D, #002F35, #001625)
• Weathered Petrol color palette (#EFF7F7, #D8DBEB, #799CC7, #387695, #43546C)

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