Petrol Villa color palette — #F7ECE7 · #6BC2C1 · #00758A · #005331 · #00324B
A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7ECE7): bright and airy, almost weightless.
- Mint Leaf (#6BC2C1): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Wandering Summit color palette (#FDF3EE, #86D4DD, #0084AA, #01624A, #1F3D59)
- Forest Lagoon color palette (#F1E6E3, #9EBD9D, #007793, #005016, #00162F)
- Wandering Petrol color palette (#F9ECE1, #71BBE7, #3A67AC, #004F53, #282A4B)
- Hushed Turquoise color palette (#EEE1DA, #3DAFC9, #005E88, #003F36, #081E41)
- Weathered Lagoon Lantern color palette (#D8E7DD, #00A481, #006E6E, #004652, #182849)
- Lagoon Studio color palette (#E9F1EA, #ABDDEB, #31B7CB, #009473, #003343)
- Misty Pier color palette (#D4FBDB, #8DD6FF, #8E92D1, #196E52, #1B3726)
- Wandering Cerulean Basin color palette (#F0DFD6, #0090A4, #00425D, #00231C, #00091B)
Browse the whole catalog at Explore, or see today's palette.