Petrol Workshop color palette — #F3F7EF · #64A88F · #007E94 · #3C5280 · #593642
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7EF): bright and airy, almost weightless.
- Jade (#64A88F): A luminous, dusty teal — the color of glacier melt.
- Teal (#007E94): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#3C5280): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#593642): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged 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
- Cobalt Corridor color palette (#EEF8F1, #48A7BA, #4A70AD, #5E4779, #5A3836)
- Muted Villa color palette (#F7F5EC, #969E63, #118462, #005E70, #47413C)
- Washed Moss color palette (#F4F2E6, #8EA848, #50749D, #623D5F, #3E1C1C)
- Denim Quarry color palette (#EDF9F1, #0099B2, #425EAB, #5D3667, #004334)
- Taupe Veranda color palette (#F2F9E1, #B9C7AC, #829A7F, #786A7A, #60484C)
- Timeworn Lagoon color palette (#EFFBDA, #89D0B3, #03997B, #0A7262, #41543D)
- Hushed Meadow color palette (#EBF9F4, #A2BE61, #708DBB, #805A7D, #4E3A51)
- Ancient Corridor color palette (#EBFBE4, #00927F, #006286, #3E2294, #093C02)
Browse the whole catalog at Explore, or see today's palette.