Petrol Workshop color palette — #F6E7F1 · #4CB1C6 · #006E9C · #004B3F · #001232
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6E7F1): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#4CB1C6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001232): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Cobalt Drift color palette (#EADCE2, #72BCE0, #0074D6, #005959, #151848)
- Tempered Workshop color palette (#F6EDDF, #74C4D8, #007196, #003E3B, #000307)
- Cerulean Corridor color palette (#E1E4D3, #339EB6, #005268, #002F32, #001622)
- Faded Summit color palette (#CAF1FF, #75B9FF, #9D6DF1, #006D5D, #001C2F)
- Dusty Ultramarine color palette (#E9F2E8, #6497C5, #2A3FD1, #003A43, #0B0026)
- Ancient Ridge color palette (#E0F0F8, #00869C, #A34700, #004E5C, #1F0800)
- Airy Lantern color palette (#F6EBF3, #8CD1DD, #0092C4, #006E59, #072E56)
- Ancient Turquoise Harbor color palette (#FCF2F9, #90EDF1, #00ACD2, #00875D, #0C4467)
Browse the whole catalog at Explore, or see today's palette.