Petrol Villa color palette — #F0F3EC · #C7DFE3 · #AF90B0 · #40728C · #432E41

Slate and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#C7DFE3): A whisper-light, dusty blue — the color of deep harbor water.
• Dusty Rose (#AF90B0): A luminous, dusty pink — the color of a candy shop window.
• Slate (#40728C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#432E41): 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

• Muted Cypress color palette (#F1F3EB, #C5E1DE, #6EA5BC, #31777E, #203D32)
• Denim Villa color palette (#E1E4D9, #6DA3CB, #0F5A99, #003649, #000922)
• Dusty Thicket color palette (#EBF5E9, #74C4BA, #B09A5F, #008379, #34302A)
• Softworn Cerulean Station color palette (#EFF7F7, #D9DBEA, #98B4D4, #3891B8, #445469)
• Petrol Coast color palette (#E8EBDE, #93BFA6, #007699, #004A51, #001827)
• Weathered Teal Lantern color palette (#E7F7E7, #45AEAF, #738EBC, #69824D, #1E2B1E)
• Hushed Courtyard color palette (#E9EAD9, #3A8688, #00444B, #00201C, #000202)
• Softworn Grove color palette (#F2F4E3, #92DEE9, #0092AB, #006261, #002A37)

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