Petrol Villa color palette — #F3E7DF · #5EAECA · #006BAA · #004A45 · #030A3F
Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F3E7DF): bright and airy, almost weightless.
- Cyan (#5EAECA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006BAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A45): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#030A3F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Petrol Cabin color palette (#F7EAE4, #6FAFAE, #007287, #004D2D, #001624)
- Weathered Cobalt color palette (#F0E3D7, #7EB9E1, #4B73BB, #00585E, #1C124E)
- Hushed Field color palette (#F7EAF1, #63C5E6, #006CA9, #003E39, #000016)
- Patina Atelier color palette (#DDEAE8, #529AB3, #00516D, #002F35, #001625)
- Softworn Cerulean color palette (#F9EBE4, #92CFE2, #468EBE, #006D62, #172C54)
- Quiet Denim color palette (#E3E0F6, #D0A3D2, #D2727C, #005599, #1C0831)
- Azure Study color palette (#FFF2EC, #A7E8F0, #00ABDB, #008667, #054271)
- Worn Corridor color palette (#FBF3EF, #C2E9DC, #68B2C1, #558866, #2A5043)
Browse the whole catalog at Explore, or see today's palette.