Petrol Studio color palette — #E8EBDE · #84BDD0 · #00759A · #004A52 · #001827
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Parchment (#E8EBDE): bright and airy, almost weightless.
- Ash (#84BDD0): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Petrol Garden color palette (#F8EAF2, #7FBCCF, #006EA7, #005049, #192C54)
- Aged Cobalt color palette (#F1F3EC, #A9D2C1, #3883B3, #00596B, #00223E)
- Wandering Archive color palette (#E5E7DF, #74A2C6, #0059A0, #00364A, #000923)
- Patina Forest color palette (#DDEED6, #79D3CE, #4DA9B8, #006E50, #001F1D)
- Wandering Cerulean Villa color palette (#EAECDE, #4598A0, #005360, #002C2A, #000508)
- Tempered Pine Station color palette (#E0E6D7, #007F53, #006886, #5B4B00, #000F06)
- Softworn Lagoon Courtyard color palette (#DAE3CE, #009669, #985A00, #005439, #1E0D00)
- Gentle Workshop color palette (#DBF0D9, #319952, #006C44, #003826, #001A13)
Browse the whole catalog at Explore, or see today's palette.