Petrol Workshop color palette — #F1F7F2 · #D9DDEE · #7B9CC6 · #167B8F · #45536B
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7B9CC6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#167B8F): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#45536B): A full-bodied, dusty violet — the color of wild irises.
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
- Antique Loft color palette (#F7EFF2, #D9D0E4, #889BCB, #2C7976, #313449)
- Patina Petrol Pier color palette (#E7F7FF, #83BCD3, #418FB8, #2D669C, #3B5070)
- Powder Lagoon color palette (#F9F4EF, #C6DFED, #99B0E8, #469592, #624A55)
- Softworn Archive color palette (#E9F1EA, #8DB9CD, #007295, #00504B, #00314F)
- Worn Olive color palette (#EEF6FF, #6F9CCC, #B8737C, #628244, #334457)
- Worn Canyon color palette (#DCE6DE, #4D9EA0, #005360, #003125, #001720)
- Weathered Cerulean color palette (#EEF8F0, #9DDBDF, #008EA8, #006858, #004661)
- Antique Garden color palette (#EDF6FF, #8BB5D8, #B99060, #0B78BA, #644622)
Browse the whole catalog at Explore, or see today's palette.