Petrol Villa color palette — #E3F0FC · #0071B0 · #7E4A00 · #00395D · #0F0500
A conversation between Slate and Bronze, giving this palette its sense of trust and stability.
The five colors
- Frost (#E3F0FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#7E4A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Navy (#00395D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Navy Ridge color palette (#D6E0ED, #3A67BD, #755000, #00278C, #0D0600)
- Faded Thicket color palette (#D8F3FF, #00788A, #9C2800, #003E47, #160200)
- Chalky Periwinkle color palette (#E2F0FF, #53A4F5, #A45500, #004E8C, #100400)
- Tempered Mulberry color palette (#D6EAFF, #00599F, #900035, #284500, #00030C)
- Patina Orchid Alley color palette (#DAEBFD, #A6AEE8, #A06DCD, #005978, #030D2B)
- Softworn Nightshade Corridor color palette (#DEE6F7, #6D73F8, #876F00, #3C00D2, #1C1500)
- Eclipse Atelier color palette (#E2E5FF, #58348D, #374100, #290050, #010100)
- Olive Canyon color palette (#DAF1E4, #6E7931, #4C4500, #2E2000, #020700)
Browse the whole catalog at Explore, or see today's palette.