Petrol Studio color palette — #F8EBE6 · #81BDC6 · #18709C · #005235 · #192A59
Peacock takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F8EBE6): a clean, paper-quiet neutral.
- Ash (#81BDC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#18709C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005235): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#192A59): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Hushed Petrol color palette (#E2ECE4, #85BEC7, #007794, #004C44, #001827)
- Weathered Denim color palette (#F4E7DE, #78A6BD, #2154A3, #003F38, #1F1643)
- Cobalt Atelier color palette (#FBF3EF, #AFCDBB, #477DAC, #00624C, #4E2E46)
- Patina Spruce color palette (#FCEBE7, #5B9D99, #005264, #033304, #001529)
- Antique Scarlet Boulevard color palette (#F2D8CD, #CF4D4A, #007690, #8D0014, #002E3A)
- Softworn Chapel color palette (#F1E6DF, #418BA6, #003C75, #00231C, #08002A)
- Washed Coast color palette (#FBF3EF, #C9E9E5, #74A596, #477B66, #604B5B)
- Washed Terrace color palette (#F4EBF2, #AADCEF, #13B1F3, #099660, #1B2C51)
Browse the whole catalog at Explore, or see today's palette.