Petrol Studio color palette — #DEF1EE · #00748B · #23466B · #470A1F · #180300
A conversation between Teal and Espresso, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DEF1EE): A whisper-light, dusty teal — the color of sea glass.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#23466B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Espresso (#470A1F): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#180300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Weathered Cobalt color palette (#D1E8EF, #2C71BB, #413F7B, #3C0C00, #140900)
- Cypress Balcony color palette (#D4EBD2, #007D65, #004D52, #2F1135, #140007)
- Hushed Cerulean color palette (#C6EAF5, #3B8EBD, #3E5C84, #562B63, #320B29)
- Smoked Basin color palette (#CEF0F2, #006779, #003F53, #001A2C, #00030F)
- Softworn Denim color palette (#E1F3E1, #36A8B5, #4B5CA4, #482500, #170800)
- Weathered Cocoa color palette (#D3F0E5, #00628D, #743400, #002D44, #070100)
- Garnet Courtyard color palette (#CCE7FD, #004D7B, #760035, #273400, #000103)
- Denim Workshop color palette (#F2E5D0, #4593BB, #004C81, #002B30, #00021A)
Browse the whole catalog at Explore, or see today's palette.