Petrol Studio color palette — #C6EACF · #A4C5B8 · #6E977A · #5D6C94 · #4D3B61
Slate and Charcoal set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#C6EACF): A whisper-light, dusty teal — the color of sea glass.
- Stone (#A4C5B8): A luminous, dusty teal — the color of shallow lagoons.
- Eucalyptus (#6E977A): A luminous, dusty teal — the color of glacier melt.
- Slate (#5D6C94): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal (#4D3B61): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Antique Pier color palette (#E0FDF0, #A6CAC4, #7CA7AC, #78739C, #4F4868)
- Hushed Petrol color palette (#F5DFED, #A5C5A3, #779887, #157891, #274265)
- Hushed Bone Grove color palette (#FFF5D4, #D1E2AA, #86B090, #755D70, #4D313C)
- Pewter Cabin color palette (#D9E3D0, #6EBB99, #009FA4, #794C8E, #602147)
- Hushed Meadow color palette (#DEE5D1, #64956F, #00736B, #47286B, #350029)
- Muted Mulberry Meadow color palette (#CFE3E6, #8BB1BE, #5081A3, #853B54, #5F271A)
- Softworn Parlor color palette (#F7DAF3, #B39F76, #4F817D, #714864, #473E54)
- Stone Alley color palette (#FFDAC4, #CDC682, #7EB8AE, #A07582, #603A46)
Browse the whole catalog at Explore, or see today's palette.