Petrol Workshop color palette — #F7EFF4 · #D6D1E7 · #80A0BD · #3F747E · #2B3749
A conversation between Teal and Blue Fog, giving this palette its sense of sophistication.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Silver (#D6D1E7): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#80A0BD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#3F747E): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#2B3749): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: 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
- Aged Petrol Canyon color palette (#EFF7F6, #D4DCEB, #68A2BD, #007D8A, #405567)
- Denim Veranda color palette (#F3E3ED, #6DA6B6, #005E8B, #003A32, #000825)
- Amber Grove color palette (#FFECF5, #CA8B67, #5897AF, #537E9B, #33212B)
- Worn Meadow color palette (#F0E5ED, #7EC1C1, #00788E, #004E2F, #001828)
- Navy Ridge color palette (#EBD8E1, #4A809B, #003B74, #001F1F, #01000B)
- Feathered Cornflower Veranda color palette (#FCEDF2, #ADD5F6, #557DDD, #00616B, #241C49)
- Antique Grove color palette (#FEECF5, #DEA584, #61A8B9, #9D603B, #0A3647)
- Powder Canyon color palette (#FBEDF6, #C1E6EE, #9CC6E0, #9D87A2, #4A373F)
Browse the whole catalog at Explore, or see today's palette.