Petrol Villa color palette — #D9E8FB · #5369A6 · #40386B · #3F0023 · #200700
Built around Slate, softened by Deep Indigo — the whole palette hums with creativity and balance.
The five colors
- Frost (#D9E8FB): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#5369A6): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#40386B): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#3F0023): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#200700): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Creativity, Balance. Tagged vintage, retro, 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
- Hushed Indigo Station color palette (#E5F0FF, #7A84B1, #6C5DA9, #6B3E51, #290008)
- Pewter Coast color palette (#E2D9F8, #7C5787, #552A4C, #3C1000, #150E00)
- Tempered Abyss color palette (#D3E5E8, #2F7289, #003D5E, #251138, #1D000C)
- Inked Navy Basin color palette (#D6EDE6, #25606C, #283561, #211200, #020300)
- Weathered Denim color palette (#CFF8F6, #3F80A0, #514C90, #403100, #0C1600)
- Mulberry Delta color palette (#EFECFF, #9979B1, #774774, #3D3532, #391C03)
- Wandering Cerulean Garden color palette (#EBEDDF, #438D99, #004452, #002222, #000B11)
- Inked Balcony color palette (#EDEDFF, #6455BC, #280075, #0B002C, #02000D)
Browse the whole catalog at Explore, or see today's palette.