Petrol Workshop color palette — #E8F8FF · #84C6DA · #328BAB · #00688E · #35546E
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Sky (#84C6DA): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#328BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00688E): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#35546E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Petrol Meadow color palette (#ECF7FF, #7FB8D7, #B587AE, #007DA9, #61405C)
- Denim Atelier color palette (#EFF6FF, #A9BCEC, #7583C2, #555799, #474E6C)
- Dusty Lagoon Canyon color palette (#D7FEFF, #84BEAA, #299883, #00776D, #285560)
- Aqua Chapel color palette (#DDFFE7, #8DE6FF, #6EC3E1, #68A0BA, #3A574D)
- Ancient Cerulean Boulevard color palette (#EDF6FF, #D9D9E3, #BBA6AC, #609AB4, #404E5E)
- Timeworn Villa color palette (#EEF8F1, #A6BFB0, #678A72, #705A32, #354E43)
- Soft Sky Veranda color palette (#CEEEFF, #3DB2FD, #0077C4, #004998, #3B296C)
- Weathered Iris color palette (#EDF7FF, #669FC6, #9979BB, #1A8971, #304556)
Browse the whole catalog at Explore, or see today's palette.