Petrol Villa color palette — #FEF0FA · #7AC6CF · #00799D · #005843 · #00345E
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#FEF0FA): a clean, paper-quiet neutral.
- Aqua (#7AC6CF): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005843): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00345E): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Airy Sapphire color palette (#FEF1F7, #8CBFDC, #006CCF, #005557, #252572)
- Patina Petrol Pier color palette (#F2F4E3, #76CBD5, #008094, #00524F, #001E27)
- Hazy Studio color palette (#EAF9F6, #63DFEE, #009DB6, #007270, #003949)
- Washed Denim Parlor color palette (#F2E4EF, #66ABB9, #005F84, #003F34, #001E44)
- Washed Thicket color palette (#F9F3F7, #D5E0F1, #739FBD, #1F7F71, #42546B)
- Muted Basin color palette (#FFF2EC, #72EFFC, #00BBEF, #009B76, #00355C)
- Worn Navy Thicket color palette (#ECDDE5, #5289A0, #003E6D, #002221, #03002E)
- Washed Peony Lantern color palette (#F9DBEF, #CB44AB, #00642C, #005555, #430036)
Browse the whole catalog at Explore, or see today's palette.