Petrol Workshop color palette — #D7EFF4 · #007497 · #004D7B · #002549 · #010027
Teal takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D7EFF4): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007497): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004D7B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002549): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#010027): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Obsidian Petrol Field color palette (#C1EEF0, #006886, #003B5F, #001639, #0F001B)
- Antique Cypress color palette (#C1EAE4, #007A7B, #00535C, #002E39, #000F18)
- Navy Bloom color palette (#C6E6F9, #006CAA, #004598, #170070, #0E0031)
- Powdered Coast color palette (#E3F0FF, #969ADE, #9E6DBD, #005874, #040729)
- Petrol Parlor color palette (#DCF3EC, #006CB5, #7D4B00, #003A65, #0C0400)
- Soft Nightshade Canyon color palette (#E7EFFC, #1472F7, #132DBC, #001844, #000108)
- Misty Field color palette (#DEEAFA, #0056A9, #92002E, #224800, #000207)
- Gentle Sapphire color palette (#D3E9F5, #27A1FC, #3B67DC, #39429D, #342958)
Browse the whole catalog at Explore, or see today's palette.