Patina Petrol color palette — #E1FCF4 · #EFCCEE · #98A6E6 · #1A779C · #473348

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

The five colors

• Ivory (#E1FCF4): A whisper-light, dusty teal — the color of sea glass.
• Thistle (#EFCCEE): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#98A6E6): A luminous, balanced violet — the color of wild irises.
• Slate (#1A779C): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#473348): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Patina Petrol Terrace color palette (#FFF0F8, #F7D1DF, #D3A3D9, #5660A3, #543443)
• Dusty Periwinkle Garden color palette (#E1FDEF, #BDE7D7, #84ADE8, #007A8A, #284C3F)
• Dusty Wisteria Summit color palette (#DAFBED, #CCDEFF, #CC9AE1, #007572, #022B22)
• Ancient Mallow color palette (#ECF7FF, #DBD7EF, #DEB3FF, #279EA0, #314253)
• Wandering Ridge color palette (#FFF1F6, #E5D6D4, #B0AE98, #7D7CAF, #5F454F)
• Iris Market color palette (#E8DAE8, #A2B4EA, #817AD6, #00507C, #0B224E)
• Navy Field color palette (#FAE5F3, #A09BDB, #9266C0, #022A97, #1A1241)
• Hushed Meadow color palette (#F4F4FF, #D1BBFF, #CC7EE3, #474AE8, #372466)

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