Petrol Workshop color palette — #E2F2EF · #76A9BB · #008393 · #005E58 · #000B10
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F2EF): a clean, paper-quiet neutral.
- Blue Fog (#76A9BB): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#008393): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005E58): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Dusty Denim color palette (#EBDCE7, #619EA3, #00627B, #003D2B, #000A17)
- Sunlit Cobalt Coast color palette (#D3E4E3, #7AA6CA, #0074D4, #005977, #000622)
- Pine Workshop color palette (#D9EFE1, #65AFB7, #1A9CBF, #008333, #00160E)
- Weathered Chapel color palette (#E0E1CF, #21888F, #00444D, #001F1D, #000202)
- Wandering Boulevard color palette (#DCF8E7, #1FA469, #00754C, #003F27, #000201)
- Feathered Azure color palette (#D9EBEA, #9CC5E9, #5594E0, #0077A0, #02194F)
- Emerald Cabin color palette (#CAEAE8, #009750, #0074C3, #006634, #000611)
- Hushed Turquoise color palette (#E2F3F1, #B2D9F1, #4EB1DE, #008E9F, #00314C)
Browse the whole catalog at Explore, or see today's palette.