Petrol Villa color palette — #D3E4E0 · #5FC4C6 · #008490 · #005A52 · #00242C
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Silver (#D3E4E0): bright and airy, almost weightless.
- Aqua (#5FC4C6): A luminous, balanced teal — the color of sea glass.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Hollow color palette (#D6E9E7, #5CAEC8, #007093, #004951, #001624)
- Weathered Cerulean Studio color palette (#E5F2F0, #85D2E5, #0094B9, #006B71, #003347)
- Aged Station color palette (#D1E3E2, #7DB9E5, #0077CB, #005570, #001D48)
- Cerulean Veranda color palette (#FEF0FE, #94DADC, #0086AD, #005525, #000C22)
- Airy Terracotta color palette (#CBEDDC, #7D7800, #007B63, #963300, #141200)
- Bronze Harbor color palette (#D8F6DC, #AC7D00, #008778, #6B4D00, #00201C)
- Aged Moss color palette (#CEE8D8, #C0C282, #8CAF46, #8B6800, #002719)
- Amber Summit color palette (#EAE5CC, #AC9300, #756500, #413500, #100B00)
Browse the whole catalog at Explore, or see today's palette.