Petrol Villa color palette — #F0F3EC · #C3E3E7 · #AE90B1 · #3F728B · #432E42

Built around Slate, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#C3E3E7): A whisper-light, dusty blue — the color of open sky before noon.
• Dusty Rose (#AE90B1): A luminous, dusty pink — the color of neon signs at night.
• Slate (#3F728B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#432E42): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hushed Ridge color palette (#F1F3EB, #C7DFDE, #7DA796, #327682, #213C34)
• Worn Petrol color palette (#FAF3F5, #DADDEE, #8499C7, #137D89, #4A516C)
• Wandering Denim Garden color palette (#E9EDE0, #78A2BF, #0A5B97, #003748, #000A20)
• Antique Petrol Courtyard color palette (#E8EBDE, #98BEA7, #007697, #004A50, #001926)
• Powder Basin color palette (#FAF4EE, #C7DDEA, #C6BBEA, #799C81, #5E4453)
• Antique Villa color palette (#EEEFDC, #438584, #004449, #00201B, #000202)
• Washed Cerulean color palette (#F2F3E9, #8DDFEA, #0092AA, #006260, #002A36)
• Ancient Bronze color palette (#FFE5D4, #E3AD8A, #AB7849, #7B572D, #37332D)

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