Petrol Villa color palette — #F4F6F0 · #C7E4DB · #678CBC · #006B92 · #364769
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C7E4DB): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#678CBC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006B92): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#364769): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Aged Cypress color palette (#F5F6EE, #CFE2D0, #3E99A4, #007268, #14505D)
- Aged Iris Station color palette (#F7F1EA, #C1E6DB, #708AD1, #006B78, #3D2231)
- Powder Station color palette (#EDF8F7, #D8DAF1, #95C0FB, #66A0C2, #374863)
- Timeworn Harbor color palette (#E6E8DB, #67AABA, #006179, #003D41, #002332)
- Petrol Boulevard color palette (#F5F6EA, #65C8D9, #007B93, #005556, #00394B)
- Tempered Boulevard color palette (#E4E7DA, #5D8C78, #004162, #002129, #000A18)
- Bronze Harbor color palette (#F8F7DB, #719551, #008D90, #955800, #383831)
- Fern Orchard color palette (#F5F7E4, #CAEAD1, #95D5C4, #6B8A4D, #455103)
Browse the whole catalog at Explore, or see today's palette.