Patina Petrol color palette — #EEF8F5 · #E2D3D1 · #CDB7BB · #557898 · #404A47

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

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Silver (#E2D3D1): bright and airy, almost weightless.
• Stone (#CDB7BB): A luminous, dusty red — the color of embers at dusk.
• Slate (#557898): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#404A47): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Petrol Delta color palette (#EBF4F1, #DDD0CE, #C4B5B6, #477AA1, #252F2B)
• Aged Pewter color palette (#FEF1F6, #EED3CE, #D7B0B7, #7758A0, #4B3A41)
• Tempered Alley color palette (#FBF2F7, #E3D7D7, #B2ADA3, #99758D, #585055)
• Navy Cabin color palette (#F2EAF2, #B5A3B1, #967389, #0C3471, #191019)
• Softworn Denim color palette (#F6EBEE, #DFC4C8, #B89799, #684379, #37292D)
• Wandering Grove color palette (#FFF0FE, #C1E3FF, #8FB0FB, #8686C4, #472F43)
• Olive Courtyard color palette (#FBF5E4, #AFB482, #6A7B42, #4F6046, #4F4200)
• Periwinkle Atelier color palette (#FFF2EE, #6E96E4, #65629A, #6E3B4F, #4C3446)

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