Petrol Villa color palette — #E2ECE4 · #8FB8DC · #426AAD · #00495A · #0E0F37
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Sky (#8FB8DC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#426AAD): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#0E0F37): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Aged Petrol color palette (#E2ECE4, #80C0C6, #00778F, #004C41, #001925)
- Tempered Study color palette (#F7EDE2, #93BBAF, #4D5FB8, #004F50, #361F56)
- Antique Cerulean color palette (#E8F6EB, #9FDBE8, #118FB9, #00635D, #002741)
- Antique Balcony color palette (#DCEADF, #4494B7, #004D7B, #002B2F, #000313)
- Tempered Study color palette (#FFF1F5, #D6DFFD, #718BE6, #006A69, #24123F)
- Softworn Garnet Boulevard color palette (#EAD9ED, #C4556D, #007B7B, #850034, #001616)
- Brick Dune color palette (#F5E5F5, #B83148, #336F00, #004998, #1D0004)
- Tempered Mulberry color palette (#FCE5FD, #FDB094, #CC9A57, #843762, #2A0F25)
Browse the whole catalog at Explore, or see today's palette.