Petrol Villa color palette — #E4EEF3 · #828F99 · #536D8D · #003039 · #000103
Slate takes the lead with Deep Forest close behind in a set that reads as sophistication at first glance.
The five colors
- Frost (#E4EEF3): a clean, paper-quiet neutral.
- Slate Blue (#828F99): A luminous, dusty blue — the color of deep harbor water.
- Slate (#536D8D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000103): a grounded near-black with real depth.
Feels like: 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
- Tempered Dune color palette (#E3EBF6, #878D9C, #65678B, #001E6E, #000106)
- Worn Pewter Market color palette (#D7E4D9, #81A298, #856579, #003237, #020C04)
- Dusty Loft color palette (#D9E2E6, #ADBDCC, #8891AC, #00444C, #000102)
- Softworn Denim color palette (#E2EAF0, #C4CCD7, #98A4BC, #005C84, #081722)
- Nocturne Denim Cabin color palette (#C4E3F9, #3D5B92, #402E62, #2B1000, #060300)
- Antique Nightshade Coast color palette (#DEF0FC, #00878C, #00658C, #3E1DA7, #000105)
- Hushed Study color palette (#EFF2F8, #DAD6E0, #C5B8CA, #65739D, #282C33)
- Wandering Lantern color palette (#EEF1FF, #D2D1EB, #B0A4CA, #6337BD, #15182B)
Browse the whole catalog at Explore, or see today's palette.