Petrol Study color palette — #EFF6FC · #D7D8E5 · #B0BDCF · #0072A6 · #34424D
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D7D8E5): bright and airy, almost weightless.
- Ash (#B0BDCF): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#34424D): 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
- Wandering Petrol Delta color palette (#E9F3FB, #D5D4E1, #B7BED9, #00749F, #152733)
- Worn Cerulean Archive color palette (#EDF8F3, #E9DADE, #D7BCBC, #0092C7, #2C463C)
- Tempered Driftwood color palette (#F5F4FC, #DDD7DD, #B6AAA6, #817D9E, #525159)
- Weathered Villa color palette (#F3F4FF, #D2D0E2, #A9A0C4, #713AA0, #303048)
- Dusty Navy Field color palette (#DCE1EC, #B3B9C8, #878CA8, #2F3A89, #1A1F2B)
- Weathered Teal color palette (#DCFDFD, #58B79E, #007A6F, #005C62, #004638)
- Softworn Courtyard color palette (#EAECFF, #ADA0D3, #8E6C9A, #864849, #5F401B)
- Smoked Ultramarine Atelier color palette (#D1E0F7, #2354EB, #1E2947, #0B182C, #060512)
Browse the whole catalog at Explore, or see today's palette.