Petrol Studio color palette — #D9EDD4 · #56A6A6 · #436CAD · #5F4800 · #323B04
Slate takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D9EDD4): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#56A6A6): A luminous, dusty teal — the color of sea glass.
- Slate (#436CAD): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#5F4800): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#323B04): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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
- Pewter Parlor color palette (#DEECD2, #709E8A, #6A5C90, #36522D, #213B17)
- Ancient Delta color palette (#E2E6D1, #30B281, #0073A3, #743315, #472C00)
- Weathered Azure color palette (#DDF6ED, #1FA3D8, #7455A6, #555500, #414211)
- Softworn Basin color palette (#E1EFC6, #7ABBCE, #7474B5, #486631, #375027)
- Patina Azure color palette (#CBECEC, #00A2CD, #436EB5, #6C2D34, #3B1800)
- Muted Market color palette (#D5EAEB, #4AB9E7, #5F86CF, #8C484A, #5E2D04)
- Tempered Cobalt color palette (#D1EBF3, #6B87C9, #77436A, #203F14, #00291D)
- Worn Chestnut color palette (#D6E7EC, #007F94, #805D00, #535700, #002932)
Browse the whole catalog at Explore, or see today's palette.