Petrol Villa color palette — #F7EAF3 · #75C0C3 · #00748E · #005237 · #00314E
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#75C0C3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005237): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#00314E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Weathered Petrol color palette (#F1E4F0, #90BBC9, #007698, #004F23, #001533)
- Patina Cerulean color palette (#FBF2F9, #93D1DC, #2382AB, #00624F, #273C54)
- Wandering Petrol color palette (#FAE9EF, #87B8DB, #3F66AE, #004F55, #2A294D)
- Turquoise Atelier color palette (#F3E6ED, #3AAECE, #005D8E, #003F38, #0A1C45)
- Weathered Boulevard color palette (#F4EEE4, #A2E0E3, #00B8D4, #009479, #003345)
- Ash Boulevard color palette (#FAF2F8, #D5D6EC, #69A2B9, #4B777A, #415568)
- Ash Archive color palette (#EAF3FF, #D8C3FF, #BE7EA3, #035F7C, #25304F)
- Softworn Studio color palette (#E8DBE4, #0090A8, #004160, #00231D, #00081F)
Browse the whole catalog at Explore, or see today's palette.