Petrol Workshop color palette — #F2F3E7 · #7CCAD0 · #008090 · #00524D · #001E26
Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F2F3E7): bright and airy, almost weightless.
- Aqua (#7CCAD0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Thicket color palette (#FEF0FB, #4BCDD5, #007A98, #00583E, #003658)
- Wandering Station color palette (#E7EBE0, #8EBFB1, #346CAF, #004762, #00103F)
- Weathered Courtyard color palette (#F0F3E8, #A6D7F4, #338AC4, #005F74, #002648)
- Hushed Cerulean Studio color palette (#E4E7D7, #3F829A, #00415A, #001E23, #000103)
- Cypress Harbor color palette (#F1F2EC, #C8DFDC, #7DA890, #18797D, #183E30)
- Denim Chapel color palette (#E8EADD, #83A68C, #006375, #003939, #000D13)
- Antique Azure Cabin color palette (#FFF2EC, #C1FAFF, #00AAD5, #007556, #002643)
- Pine Corridor color palette (#D7EAD8, #008A2B, #007182, #6C4B00, #001402)
Browse the whole catalog at Explore, or see today's palette.