Petrol Workshop color palette — #F0F5FF · #CCC693 · #606EA3 · #343F6C · #192232
Slate and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Pistachio (#CCC693): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#606EA3): A full-bodied, balanced violet — the color of wild irises.
- Navy (#343F6C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Midnight (#192232): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Petrol Workshop 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 Driftwood Coast color palette (#F3F5FD, #A9DDD8, #7F76A1, #4F466C, #292B35)
- Weathered Grove color palette (#F1F5FF, #F5D081, #8891C5, #556381, #1C212E)
- Patina Alley color palette (#FFF0FA, #C4AB78, #444A8A, #3F2337, #24191A)
- Antique Straw Basin color palette (#FFF0FD, #E7ED99, #5975AF, #463043, #160B15)
- Weathered Coast color palette (#F4F4FF, #62D3AF, #844F9B, #55176C, #1A1533)
- Patina Lilac Dune color palette (#F4F4FB, #E1D8DE, #CBBBBF, #9E7FBE, #464653)
- Airy Veranda color palette (#F0F5FE, #AEC3F6, #BD8048, #5379E2, #321D25)
- Ancient Peony Thicket color palette (#E2FBF9, #9DAEE9, #B66992, #00726F, #383A55)
Browse the whole catalog at Explore, or see today's palette.