Petrol Workshop color palette — #EEF2F8 · #D9D6E2 · #C2BAD0 · #5F74A3 · #262C36
Slate and Ash set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#EEF2F8): a clean, paper-quiet neutral.
- Silver (#D9D6E2): a clean, paper-quiet neutral.
- Ash (#C2BAD0): A luminous, dusty violet — the color of wild irises.
- Slate (#5F74A3): A full-bodied, dusty violet — the color of a velvet chair.
- Onyx (#262C36): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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
- Dusty Petrol color palette (#F9F3F9, #E9D7D8, #D0BCB7, #5D7697, #4C454C)
- Pewter Villa color palette (#E3E3FB, #BCB4D6, #9283A2, #775467, #442F37)
- Tempered Meadow color palette (#F2F0FB, #DFD1DD, #C7B7DC, #8F499F, #252332)
- Worn Indigo Studio color palette (#DFE3F3, #7665BB, #2D2D4D, #111426, #04060D)
- Tempered Lilac Coast color palette (#EDF1FF, #C6D6FF, #AEA6FF, #A580C5, #1D233E)
- Hushed Navy Dune color palette (#E7ECF6, #989FB6, #757997, #272480, #02040C)
- Muted Terrace color palette (#EAF5F1, #A3BD8F, #4C8547, #335C68, #112D28)
- Mulberry Basin color palette (#EAE7F0, #CEC9D5, #AB9EB4, #7A3774, #181322)
Browse the whole catalog at Explore, or see today's palette.