Petrol Study color palette — #F0F6FC · #DAD8ED · #B5BBD1 · #376F9F · #33414F
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FC): bright and airy, almost weightless.
- Silver (#DAD8ED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B5BBD1): A luminous, dusty violet — the color of wild irises.
- Slate (#376F9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#33414F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Patina Petrol color palette (#E9F3FD, #D6D4E1, #BABDD7, #0571AE, #152736)
- Muted Cobalt Pier color palette (#EEF8F4, #EFD9DD, #E0BBB8, #2A8DD0, #2A463E)
- Dusty Driftwood Studio color palette (#F5F4FC, #E1D7DE, #B6ABA4, #837C9D, #535158)
- Aubergine Villa color palette (#F4F4FF, #D6CDEA, #B09FBC, #72428B, #323047)
- Weathered Bloom color palette (#EDEEFB, #AAA5BE, #857992, #422664, #12131E)
- Wandering Powder Corridor color palette (#E3EDFF, #BAA9F2, #9A709C, #6F5A30, #434E17)
- Airy Study color palette (#F0F5FF, #8FD5FF, #78A0FF, #AA5ED9, #30315B)
- Wandering Olive Boulevard color palette (#E1FEE9, #A9A93F, #547600, #185871, #3D3D13)
Browse the whole catalog at Explore, or see today's palette.