Petrol Workshop color palette — #E9FBEC · #6AC5E6 · #0076AC · #005558 · #023264
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#6AC5E6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
- Navy (#023264): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Dusty Petrol Thicket color palette (#EEF8F0, #76C8C5, #007C89, #005840, #003948)
- Cobalt Atelier color palette (#FEECF6, #69CAEA, #0073CB, #005344, #140C48)
- Lilac Cabin color palette (#EAF8FF, #AACBFF, #A792FF, #006F7A, #223E5D)
- Turquoise Courtyard color palette (#C9E8E8, #00ABBF, #006981, #004D6D, #00365C)
- Hazy Sky color palette (#F3F8E2, #A3E5FF, #18B9F9, #0095A9, #003656)
- Cornflower Summit color palette (#FFF2EA, #6BDBFF, #058FF3, #00745F, #292869)
- Airy Azure Summit color palette (#D6EDFF, #0E9EF3, #00609B, #00314F, #001F33)
- Dusty Veranda color palette (#F1F7F2, #D8DDEE, #729DCA, #307A86, #475367)
Browse the whole catalog at Explore, or see today's palette.