Petrol Study color palette — #EDFBDA · #C2D7B8 · #6AABAE · #596D96 · #472E3E
Built around Slate, softened by Blue Fog — the whole palette hums with sophistication.
The five colors
- Custard (#EDFBDA): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#C2D7B8): A whisper-light, dusty green — the color of a quiet forest floor.
- Blue Fog (#6AABAE): A luminous, dusty teal — the color of glacier melt.
- Slate (#596D96): A full-bodied, dusty violet — the color of twilight just after sunset.
- Espresso (#472E3E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Study 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
- Washed Orchard color palette (#DCEDE8, #7BAA8D, #547E89, #584168, #30253E)
- Worn Powder color palette (#EBFBE4, #BAE5DA, #83BCCB, #937688, #58404A)
- Petrol Grove color palette (#FFF6CE, #E1DEB4, #9EA780, #3C7985, #184837)
- Periwinkle Garden color palette (#F4F6EF, #D8D5E1, #46AFF8, #037B96, #14304C)
- Quiet Navy Thicket color palette (#D3E8E5, #00ADB8, #006B87, #2B1B61, #140321)
- Hushed Cocoa color palette (#F0DCAD, #88B291, #5F7C68, #714946, #623000)
- Azure Dune color palette (#D9FDFF, #63DFFE, #359DD5, #6B5394, #3C2241)
- Tempered Harbor color palette (#EAF7FF, #D6D8F9, #85A3F6, #8A6184, #66364B)
Browse the whole catalog at Explore, or see today's palette.