Petrol Workshop color palette — #E8F1EA · #94B6D0 · #336BA4 · #004E59 · #1D2C51
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Ash (#94B6D0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#336BA4): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#1D2C51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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 Petrol Cabin color palette (#E7F2E9, #76C0BF, #007683, #00523D, #003343)
- Tempered Delta color palette (#F0F7F1, #A9C9E8, #5677B4, #005C73, #31365F)
- Patina Petrol color palette (#EFE6EA, #99B8CF, #4869AD, #004C47, #19063B)
- Quiet Periwinkle Hollow color palette (#F4EEE4, #A9DBFA, #54A9FE, #008EA1, #1E2C4F)
- Tempered Cerulean Terrace color palette (#E2ECE4, #3F9CB7, #005071, #003030, #00142B)
- Petrol Grove color palette (#F1F7F2, #D9DDEE, #819BC0, #34798B, #47536A)
- Patina Coast color palette (#D0F5FD, #7BDCF2, #69A3CE, #006D45, #033D4B)
- Worn Study color palette (#BFE6ED, #009381, #B0326E, #00564A, #4D062B)
Browse the whole catalog at Explore, or see today's palette.