Petrol Villa color palette — #F0F3EA · #C4E5D8 · #6193BC · #0C6881 · #132D4A
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Cream (#F0F3EA): bright and airy, almost weightless.
- Celadon Mist (#C4E5D8): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#6193BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#0C6881): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#132D4A): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Patina Denim color palette (#E7E8DB, #5BABB2, #006371, #003A37, #000D12)
- Washed Veranda color palette (#FAF3F6, #CAE0F0, #638CC3, #007073, #3F446B)
- Antique Boulevard color palette (#E1E5D8, #578FC1, #00478F, #00293B, #00011B)
- Misty Quarry color palette (#C6E9D3, #59BADD, #007EAE, #015781, #0C2F4D)
- Azure Station color palette (#D8FBEF, #3B95D2, #8F6FAC, #007D69, #00251C)
- Linen Moss color palette (#E2F8EE, #63AED4, #6E9D56, #006E95, #192E0D)
- Muted Market color palette (#F2F2EA, #B4D0B2, #2D8B90, #005D4F, #00262B)
- Wandering Abyss Courtyard color palette (#EDF0E3, #498293, #004258, #001F22, #000103)
Browse the whole catalog at Explore, or see today's palette.