Petrol Villa color palette — #DEE5E9 · #B9C6CF · #8FA8BD · #006C81 · #07232E
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEE5E9): bright and airy, almost weightless.
- Stone (#B9C6CF): soft and architectural.
- Blue Fog (#8FA8BD): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#07232E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Antique Denim Thicket color palette (#E9F1F7, #AAB6C2, #8397B3, #005883, #011526)
- Cerulean Archive color palette (#DBE2DC, #ACC6C8, #C9ADC3, #0D90A1, #152319)
- Patina Ultramarine color palette (#E2E7F0, #BFC4CF, #9CA4BE, #2854CB, #16202E)
- Wandering Summit color palette (#C7E7E3, #6EA07E, #007250, #005148, #00220E)
- Cobalt Drift color palette (#EEF6FF, #D2DFF2, #ADBEDF, #007AD1, #20354A)
- Garnet Corridor color palette (#D5DFFF, #8D95B8, #765E88, #7C3341, #40150D)
- Eclipse Harbor color palette (#D0E2F2, #00669E, #2B2229, #03224C, #000A17)
- Weathered Dune color palette (#F4F4FB, #DDD7DE, #C9B9C8, #906EB6, #38394A)
Browse the whole catalog at Explore, or see today's palette.