Petrol Villa color palette — #E9FBEA · #3EA9AE · #3E6AA9 · #674700 · #224152
Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9FBEA): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#3EA9AE): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#3E6AA9): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#674700): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#224152): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, muted, cool.
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
- Cocoa Market color palette (#FFF0F9, #53AA8F, #217393, #813110, #1C434D)
- Patina Fern Thicket color palette (#E3FBF7, #689EC4, #705E96, #3E5800, #2E3E55)
- Washed Cypress color palette (#EDF8F2, #89BBB1, #4E8067, #21646D, #2C4943)
- Petrol Hollow color palette (#EEF5E1, #5BA6CD, #356CAF, #5C365D, #0D2821)
- Antique Nightshade Bloom color palette (#C5F0DC, #008BA6, #3C34C2, #3E3900, #002C45)
- Grape Loft color palette (#D9FEF7, #2391E5, #793BAD, #2A5100, #25325D)
- Timeworn Pewter color palette (#DBF6FD, #A1BCCF, #818AA3, #4E6A53, #335258)
- Petrol Orchard color palette (#D9E7F1, #2079A9, #293245, #0D212F, #080E15)
Browse the whole catalog at Explore, or see today's palette.