Petrol Villa color palette — #F7EAF0 · #95B6CF · #4068A3 · #004F52 · #262854

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

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Ash (#95B6CF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4068A3): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#262854): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Study color palette (#F8EAF3, #87BBC9, #007589, #005330, #00324B)
• Dusty Chapel color palette (#FFF1F5, #B0C8DF, #6075B1, #005E6A, #3A335D)
• Washed Petrol color palette (#E8EAE1, #8FBFAD, #0B71AD, #00495A, #00162F)
• Washed Petrol color palette (#FBF2F5, #DADEEF, #839BBD, #477687, #4A5269)
• Muted Onyx color palette (#F9E4F1, #5B9AAD, #004E78, #00302B, #000942)
• Aged Periwinkle Thicket color palette (#F6EDE5, #A8DBFA, #65A5FF, #009095, #262951)
• Nightshade Market color palette (#C8E6DD, #749D26, #5548B1, #395200, #26195F)
• Dusty Lagoon color palette (#EADFE7, #3F8F8D, #004451, #002412, #000B14)

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