Petrol Villa color palette — #F7EAF3 · #62C8D8 · #006F9F · #004029 · #000016
Built around Peacock, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Aqua (#62C8D8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004029): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Ultramarine Boulevard color palette (#F7EAEF, #86BFE3, #2A57DD, #003E3B, #040010)
- Muted Veranda color palette (#FFF0F8, #98D6F1, #2979DA, #005248, #0C0031)
- Ancient Cerulean color palette (#EEE0DA, #359FB0, #00506E, #003127, #00132E)
- Gentle Turquoise color palette (#F0E4D2, #32C4DB, #0090B8, #006E66, #001626)
- Byzantium Corridor color palette (#D0F2F2, #009569, #A500AF, #004831, #030004)
- Soft Thicket color palette (#9AF7D6, #00AE7E, #005B4A, #001D13, #000201)
- Wandering Courtyard color palette (#CCFDF5, #47E3CF, #65A3FF, #575200, #000402)
- Olive Alley color palette (#E9E4CD, #648A00, #006B22, #00261D, #000506)
Browse the whole catalog at Explore, or see today's palette.