Petrol Workshop color palette — #FFF0FB · #8C9BDE · #7A954D · #535FA2 · #39491E
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Cornflower (#8C9BDE): A luminous, balanced violet — the color of a velvet chair.
- Moss (#7A954D): A luminous, balanced green — the color of new leaves after rain.
- Slate (#535FA2): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#39491E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Pale Station color palette (#FFF1F5, #B48DD1, #4A9E68, #7C4D9C, #1C4E2F)
- Hazy Petrol color palette (#FDF0FD, #75A1DF, #AF802C, #2A65B1, #553E16)
- Lapis Atelier color palette (#EDF1FF, #A29CD3, #989041, #6452B0, #2C2800)
- Weathered Violet color palette (#FFF0F8, #B5AFE9, #ADA957, #8068E1, #48440D)
- Softworn Thicket color palette (#FFF1F6, #9379BC, #7E8033, #3C7234, #4C2D3A)
- Washed Stone Terrace color palette (#FFF0FA, #E7D6D1, #EDAEA6, #5788A6, #614851)
- Powdered Garden color palette (#FFF1F2, #D168B2, #009571, #98207B, #004634)
- Hushed Balcony color palette (#FEF1F5, #84BDA6, #604373, #43222D, #271512)
Browse the whole catalog at Explore, or see today's palette.