Petrol Workshop color palette — #E9FBEC · #5AC9E1 · #00789E · #005652 · #003658
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5AC9E1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00789E): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Hollow color palette (#FDECF8, #67CCE1, #007BAC, #005346, #00183D)
- Sapphire Station color palette (#ECF9EE, #6CC0FE, #0068DA, #005364, #232D61)
- Washed Delta color palette (#F5F7E7, #97E8FB, #00BDE8, #00969D, #00384D)
- Frosted Bloom color palette (#FFF2EC, #7DDBF0, #0097D4, #007463, #002F6E)
- Denim Harbor color palette (#D6E2D8, #54ACC6, #005F85, #003E3E, #00203E)
- Cerulean Lagoon color palette (#EFF8F0, #BCE2FC, #5A8FBE, #1C6E77, #384960)
- Weathered Navy Alley color palette (#E6F5E8, #4488AF, #003D70, #002127, #01002F)
- Amethyst Studio color palette (#E9EAFF, #6D3EFF, #A34100, #006245, #211B4A)
Browse the whole catalog at Explore, or see today's palette.