Dusty Petrol Villa color palette — #D7EAF1 · #50AAD1 · #196CA1 · #003A6C · #001145
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#D7EAF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#50AAD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#196CA1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003A6C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#001145): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Dusty 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
- Teal Balcony color palette (#CFE7E4, #00B2B6, #007A88, #004758, #001C28)
- Aubergine Bloom color palette (#CDE1F6, #6E97DF, #515DAA, #362580, #1E0047)
- Patina Navy color palette (#E5F4FF, #80AEE6, #5D7AB2, #374189, #1D0E56)
- Patina Market color palette (#D0F1EF, #0098C2, #295E8F, #4E2458, #001B29)
- Aubergine Garden color palette (#D3EBE6, #4DADBD, #0076A4, #003892, #3A007E)
- Navy Terrace color palette (#D5E3EB, #007BBD, #004783, #000B62, #020021)
- Tempered Denim color palette (#D6FFF8, #7CE0F0, #429BD3, #2151A9, #24005C)
- Hushed Navy Atelier color palette (#BDEDFF, #6EBDE4, #248ECF, #005BA5, #031C88)
Browse the whole catalog at Explore, or see today's palette.