Petrol Workshop color palette — #D2E8EE · #007B8F · #003B45 · #00161B · #000507
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E8EE): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007B8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003B45): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00161B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000507): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Lagoon Basin color palette (#D4E8E0, #008969, #00412D, #00140C, #000201)
- Petrol Archive color palette (#E3EEF9, #0066AE, #00294D, #281D24, #000918)
- Tempered Orchard color palette (#D8F6FF, #00ADC9, #008098, #005362, #000305)
- Worn Cerulean color palette (#CFEDF3, #009AB2, #006073, #002833, #000203)
- Hushed Cobalt Basin color palette (#D7F2FF, #6ABADF, #0085D0, #00474C, #001822)
- Shadow Basalt color palette (#D8F5F9, #005044, #502C00, #241C00, #000604)
- Weathered Magenta Lantern color palette (#FDD6DC, #C50CF0, #006FDA, #0D0B1F, #000207)
- Deep Nightshade color palette (#DBE3F4, #436CCC, #0704A9, #010042, #000118)
Browse the whole catalog at Explore, or see today's palette.