Petrol Workshop color palette — #EBF4F4 · #D6D8EC · #829EC7 · #40718E · #29364D
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF4F4): bright and airy, almost weightless.
- Silver (#D6D8EC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#829EC7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#40718E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#29364D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Washed Bloom color palette (#DBE8E8, #79A1C4, #12589F, #00364B, #000628)
- Muted Petrol color palette (#DEEDEB, #92B9D0, #00759D, #004A53, #001828)
- Cypress Field color palette (#EAF4F2, #C1E3ED, #529BA1, #006E61, #003142)
- Petrol Archive color palette (#F9F4EF, #CAE6EB, #8997C6, #007C8F, #644A56)
- Hushed Mallow color palette (#F1F7F1, #DAD5DF, #CDBDED, #629CA8, #464C66)
- Weathered Cerulean color palette (#D7EAE7, #51969F, #005361, #002C2B, #000508)
- Muted Cerulean Station color palette (#DDF9F4, #82A87C, #4E9BA5, #927245, #122D29)
- Ancient Stone color palette (#FEECF3, #A9C4A7, #997885, #6C4D5D, #213023)
Browse the whole catalog at Explore, or see today's palette.