Petrol Study color palette — #EBFAED · #78B6A8 · #418194 · #76495F · #2E4D55
Slate and Coffee set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EBFAED): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#78B6A8): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#418194): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#76495F): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal (#2E4D55): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Petrol Meadow color palette (#F1F7F2, #D7DEEF, #7F9DB9, #337A83, #455467)
- Antique Petrol color palette (#EAF8FB, #5CA79F, #616DA0, #744251, #504016)
- Muted Cocoa Summit color palette (#FEECF8, #8CB991, #488196, #7F3B2C, #133135)
- Patina Lagoon color palette (#EFF8F0, #A8CAB8, #5E8C7E, #4E6D6B, #3C5347)
- Cocoa Pier color palette (#E8FBEC, #679DCB, #656398, #723F16, #2D3E55)
- Aged Canyon color palette (#E4FAFF, #B5DDEB, #6BD8DA, #629FBF, #294E5C)
- Tempered Garnet Atelier color palette (#FFF4DE, #009FA7, #00669A, #810B31, #003D48)
- Patina Bronze color palette (#FFF2EB, #A9C8A2, #609DAC, #9E5A3E, #375110)
Browse the whole catalog at Explore, or see today's palette.