Petrol Studio color palette — #EDF3F8 · #D8D4E8 · #BABDD9 · #1B71AA · #172734
Slate and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF3F8): a clean, paper-quiet neutral.
- Silver (#D8D4E8): A whisper-light, dusty violet — the color of wild irises.
- Ash (#BABDD9): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#1B71AA): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#172734): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Studio 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
- Weathered Dune color palette (#F0F1F9, #E1D2E1, #C5BACE, #6F59B0, #202338)
- Aged Lantern color palette (#F0F6FD, #D9D8E9, #B0BCD3, #006CBE, #2F4155)
- Muted Orchard color palette (#E3EAF1, #C5CBDC, #A2A1B7, #26558F, #0F161F)
- Dusty Azure color palette (#F8F3F9, #EDD8DD, #C4AEA8, #4995E3, #3C303E)
- Wandering Driftwood Meadow color palette (#F2F1F8, #DCD4D9, #B6ABA8, #947799, #36353B)
- Charred Corridor color palette (#DBE7FF, #4D50E8, #342040, #050E27, #00040B)
- Hushed Pewter color palette (#D7EAFB, #A5ABD4, #96628E, #3D5634, #1C3D0E)
- Timeworn Aubergine Coast color palette (#E7E9F4, #A19DAE, #867490, #421D70, #030310)
Browse the whole catalog at Explore, or see today's palette.