Weathered Petrol Studio color palette — #D6E6D2 · #779F88 · #416CA9 · #68343E · #473108
Slate and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D6E6D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Eucalyptus (#779F88): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#416CA9): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#68343E): A deep, shadowed, dusty red — the color of embers at dusk.
- Espresso (#473108): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered 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
- Teal Orchard color palette (#DBE4CB, #52A29B, #31718A, #623D58, #58272E)
- Ancient Petrol color palette (#EAEAD4, #5BA0A3, #456390, #513102, #2A1700)
- Cocoa Summit color palette (#C9EFCF, #71ACC8, #5C73A4, #804127, #413F38)
- Tempered Driftwood Loft color palette (#D6F4FF, #93BCD9, #869DC5, #916B97, #512A42)
- Antique Study color palette (#D8EBFF, #8394D9, #855AA0, #6A4000, #443900)
- Tempered Aubergine Drift color palette (#D8EBF5, #5673A8, #5E308D, #4D2100, #281900)
- Gentle Cobalt Harbor color palette (#CDE4DC, #0087C5, #995800, #004E74, #3E2100)
- Chestnut Dune color palette (#E3FCEF, #C6A8C7, #867FAE, #894F26, #4E4C00)
Browse the whole catalog at Explore, or see today's palette.