Petrol Study color palette — #DAFFF0 · #B2CCC5 · #80AFAC · #567E90 · #3A5060
A conversation between Slate and Blue Fog, giving this palette its sense of calm and sophistication.
The five colors
- Honeydew (#DAFFF0): A whisper-light, dusty teal — the color of glacier melt.
- Oat (#B2CCC5): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#80AFAC): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#567E90): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#3A5060): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Tempered Villa color palette (#CCE7DD, #83AEB7, #408991, #46547D, #373056)
- Wandering Orchard color palette (#FFF0FA, #9FBCA3, #668B81, #5E6284, #614558)
- Wandering Bone Coast color palette (#FFF4DD, #D1E1BF, #BCBD9C, #708470, #3A5947)
- Softworn Archive color palette (#B3F5E8, #8ECCCE, #4E9CB1, #5D63B4, #4B3E62)
- Moss Parlor color palette (#E4FBF4, #A9C285, #56B2D4, #698F00, #004A5F)
- Chalky Aubergine Boulevard color palette (#C7EAFF, #6D9FBF, #4C70A6, #682D70, #49153C)
- Washed Basin color palette (#E2EDD9, #6D9676, #25765A, #003F58, #001D3D)
- Navy Lagoon color palette (#D0EADC, #318979, #005C60, #052A6C, #0B042D)
Browse the whole catalog at Explore, or see today's palette.