Petrol Studio color palette — #D2E7E4 · #007C8C · #004159 · #000E36 · #010009
Built around Teal, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Silver (#D2E7E4): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007C8C): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004159): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#000E36): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Petrol Studio 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
- Cerulean Villa color palette (#D9EEF4, #0088AB, #00698C, #00486C, #000813)
- Worn Pine color palette (#E4F5DB, #008858, #00514D, #001719, #000103)
- Petrol Lagoon color palette (#D3EBFD, #0074A2, #7C4400, #002F45, #030100)
- Hushed Denim color palette (#C4EAFC, #005D7A, #5A4200, #412E00, #000102)
- Ancient Canyon color palette (#CFE8FF, #007DF0, #003976, #25171E, #000714)
- Nightshade Delta color palette (#C7EDF9, #007CB1, #1B1CBE, #1B0042, #030005)
- Worn Wisteria color palette (#D9F0FF, #AABAFF, #C275BA, #00504B, #000105)
- Bronze Studio color palette (#E6F6E0, #A17C00, #007CAA, #090C12, #000103)
Browse the whole catalog at Explore, or see today's palette.