Petrol Villa color palette — #EFF6FF · #EEB795 · #5072A6 · #30445C · #1A222D

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sand (#EEB795): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#5072A6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#30445C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1A222D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Ancient Lantern color palette (#F1F5FD, #D2D6A5, #6A7EA0, #404D65, #242C38)
• Aged Balcony color palette (#FAF2FA, #EEDDBE, #4E77B3, #472F46, #140C14)
• Azure Balcony color palette (#EFF6FE, #EED297, #4F9BDA, #476684, #18232D)
• Airy Indigo Bloom color palette (#F1F5FF, #8DCE85, #5F5CB2, #353462, #13192D)
• Muted Ash Corridor color palette (#F2F5FC, #DFD8E2, #CDBBC7, #828DB5, #424854)
• Aged Cobalt color palette (#ECF7FF, #87CEFB, #C6766F, #018AC5, #2C1F2A)
• Tempered Nightshade Loft color palette (#D8DDF0, #5CBB85, #564597, #291F4E, #070A19)
• Worn Ultramarine Harbor color palette (#D9E5F9, #CFA500, #2E51B6, #0D2173, #030B2D)

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