Patina Petrol color palette — #F0F3EC · #C1E6EC · #7F9ECB · #3B7291 · #432E40

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

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#C1E6EC): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7F9ECB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3B7291): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#432E40): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Hushed Cypress color palette (#F2F2EC, #C5E2DD, #67A7B7, #2E7877, #233D30)
• Ancient Pier color palette (#EAF6E9, #78C2C1, #9E90D5, #008282, #422735)
• Denim Thicket color palette (#DFE4D4, #69A2D1, #0058A4, #00364B, #000727)
• Petrol Study color palette (#E8EAE2, #82BDD3, #00759D, #004A53, #001828)
• Ancient Powder color palette (#EDF8F7, #D9DBE9, #99B3D9, #688BA6, #455369)
• Muted Hollow color palette (#E5F7EC, #4BAAC5, #8780D7, #528662, #1B2C22)
• Dusty Cerulean color palette (#F1F3E5, #98DDEA, #0091AF, #006264, #002938)
• Cerulean Parlor color palette (#E4E5D9, #3D98A5, #005362, #002C2B, #000509)

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