Petrol Workshop color palette — #D9F3F5 · #008095 · #00546A · #00304C · #151139
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9F3F5): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008095): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00546A): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#00304C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#151139): A deep, shadowed, dusty violet — the color of wild irises.
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
- Azure Ridge color palette (#D5EAEF, #5396DA, #0085AB, #006389, #001F33)
- Antique Navy color palette (#D8F1FC, #006C99, #00447E, #001E50, #0A0041)
- Feathered Navy Hollow color palette (#D4FAEE, #00A1B4, #006A87, #004080, #17124A)
- Softworn Lagoon color palette (#DBE8DF, #00926C, #005A4E, #003332, #031A28)
- Chalky Lilac color palette (#C4E3FF, #90A9EF, #997ADA, #005B70, #122843)
- Hazy Chestnut Station color palette (#DDEAF4, #0076A4, #894300, #003E59, #2D1200)
- Nightshade Grove color palette (#CCE9F8, #0085CC, #00469D, #220191, #1B114E)
- Hushed Delta color palette (#D8ECFC, #006091, #900048, #364300, #001322)
Browse the whole catalog at Explore, or see today's palette.