Petrol Villa color palette — #EAF9F4 · #FADAE0 · #CEB3BF · #0072A6 · #32443E

Slate and Shell Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Shell Pink (#FADAE0): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#CEB3BF): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#0072A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#32443E): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Ancient Ridge color palette (#EBF4F0, #E6D5D8, #D4B6BE, #0074A3, #172923)
• Muted Cerulean color palette (#EFF6FC, #DBD8E9, #CBB9D1, #2B90C1, #33424D)
• Muted Indigo color palette (#FDF1F7, #E9D5D0, #D5B2B2, #665EA9, #4C3944)
• Washed Denim Field color palette (#E5F2EE, #D7C6D1, #B697A1, #2A5883, #1D332E)
• Tempered Cypress color palette (#EFF8EE, #C4E1DF, #9DC6BB, #007A76, #394337)
• Driftwood Ridge color palette (#FCF2F4, #E3D8D3, #A8AEA2, #9D7580, #575152)
• Worn Powder Workshop color palette (#C7E8FF, #ADACEE, #9B718C, #575C30, #274B29)
• Aged Mustard Study color palette (#FFF3E6, #BCA200, #5C7323, #424E79, #3D3A34)

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