Petrol Workshop color palette — #E7FBEB · #40A7BA · #3C6CA1 · #793635 · #224153
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7FBEB): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#40A7BA): A luminous, balanced blue — the color of open sky before noon.
- Slate (#3C6CA1): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#793635): A full-bodied, balanced orange — the color of toasted spice.
- Deep Teal (#224153): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, muted, 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
- Cypress Study color palette (#E7FCEB, #62A889, #117880, #673D5F, #18444A)
- Ash Thicket color palette (#E9FBEC, #81ADD2, #73729B, #774F32, #3B495A)
- Patina Petrol color palette (#FFECF2, #59AE9C, #406DA3, #633C00, #002734)
- Cerulean Delta color palette (#EAF8FF, #2197B4, #725291, #743023, #333D0A)
- Chestnut Alley color palette (#FFF3E5, #75C3AD, #5B8ABA, #865900, #2B442F)
- Nightshade Boulevard color palette (#FEE1A4, #0087BB, #393FB2, #602200, #002A4D)
- Chalky Iris color palette (#DBF7E1, #8479C8, #7B4178, #4A4000, #2C2D4A)
- Petrol Archive color palette (#D9E7F1, #007BA8, #273343, #14212A, #080C13)
Browse the whole catalog at Explore, or see today's palette.