Petrol Villa color palette — #DEECF4 · #41A0DA · #006EAE · #003B72 · #0B1F45
A conversation between Peacock and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Frost (#DEECF4): bright and airy, almost weightless.
- Cornflower (#41A0DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006EAE): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003B72): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#0B1F45): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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 Cerulean Harbor color palette (#D3EEF0, #00A2B3, #00788D, #004353, #002633)
- Linen Navy color palette (#EBF1FF, #87A2EC, #4864B0, #1B2D76, #030333)
- Linen Azure Garden color palette (#E3FAFF, #6CD4FF, #2899E7, #35569E, #332C5A)
- Powdered Workshop color palette (#F4E3F3, #5B91E1, #B15C80, #21539A, #34091E)
- Tempered Grape Bloom color palette (#D9DCFC, #8A81D5, #704FAD, #522F75, #280E38)
- Weathered Atelier color palette (#FEE3F8, #5D76CA, #A2458F, #006870, #22081E)
- Muted Powder Thicket color palette (#FFEBFB, #CED3FF, #BBA9E9, #4E7199, #371E31)
- Dusty Iris color palette (#FED9ED, #B8ADE3, #937FB8, #6C5483, #512F39)
Browse the whole catalog at Explore, or see today's palette.