Petrol Villa color palette — #FDEDDF · #67ABD2 · #3065AF · #004A4C · #0F053F
Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FDEDDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#67ABD2): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#3065AF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0F053F): 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
- Patina Terrace color palette (#F6E4DB, #6CAEB5, #007190, #004C38, #001529)
- Ancient Ultramarine color palette (#FAE9F0, #85BFE2, #0061CE, #003D40, #020013)
- Dusty Denim color palette (#D5E3E2, #7094B0, #004D7B, #002E3B, #00142D)
- Hushed Grove color palette (#F6ECE5, #A0D1BC, #4B89CE, #006C6B, #232A51)
- Sunlit Archive color palette (#FFF2EB, #ADE5F7, #37A5E9, #008477, #213D76)
- Faded Grape color palette (#E3E1D1, #739622, #5837B7, #394E00, #110036)
- Lagoon Courtyard color palette (#FBF3EF, #C2E8E0, #75AEC6, #3E8B71, #2B5047)
- Hazy Delta color palette (#DBE6CE, #63C58B, #00A1AE, #745300, #061B00)
Browse the whole catalog at Explore, or see today's palette.