Petrol Workshop color palette — #ECE0DA · #7EBEC5 · #0080A5 · #005B45 · #00203C
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Parchment (#ECE0DA): a clean, paper-quiet neutral.
- Ash (#7EBEC5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00203C): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Washed Balcony color palette (#F2E8DF, #8CBEAC, #3D73C6, #00585D, #1A144B)
- Dusty Cerulean Archive color palette (#FEF1FB, #7DDDE8, #0086AD, #00533F, #000D1E)
- Worn Garden color palette (#EBECE1, #8FCCD3, #00A3BD, #007D7A, #00242E)
- Timeworn Denim Corridor color palette (#E1F5F1, #6DAAB1, #006271, #003E3C, #00242E)
- Cornflower Study color palette (#FFF3E8, #92D3FF, #518AEA, #007178, #2D2075)
- Weathered Bloom color palette (#FAF4EE, #B0E1CD, #6B98D1, #007B7D, #4E2E45)
- Patina Lagoon Corridor color palette (#FBF3EF, #CCEAE0, #98BBA4, #649374, #365147)
- Chalky Peony color palette (#EBDDE7, #C358B4, #006A6B, #006923, #23021F)
Browse the whole catalog at Explore, or see today's palette.