Petrol Studio color palette — #EDF7FD · #D4D9E8 · #A6BFD7 · #007693 · #33424B
Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF7FD): a clean, paper-quiet neutral.
- Silver (#D4D9E8): A whisper-light, dusty violet — the color of wild irises.
- Ash (#A6BFD7): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007693): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#33424B): 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 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
- Dusty Denim color palette (#E8F0F6, #C1CEDA, #90A2B9, #005C81, #20303C)
- Cerulean Thicket color palette (#EEF8F1, #CADEE1, #E5C1DB, #0096AF, #324539)
- Antique Sapphire Balcony color palette (#F0F5FF, #DCD6E7, #B5BBD4, #455BD3, #37404F)
- Washed Driftwood Studio color palette (#F4F5FB, #DCD8DE, #B7A9A7, #8878A7, #51525A)
- Shadow Delta color palette (#D8E7F7, #006BB6, #1A2A48, #001931, #050715)
- Turquoise Thicket color palette (#EDF8F2, #C6E2E3, #A5B0CD, #33B4DD, #33443B)
- Cypress Pier color palette (#E0FCF9, #69B68D, #007C5F, #005E58, #0B462D)
- Hushed Driftwood Workshop color palette (#DBE2FF, #A4A6CA, #96699A, #7F433C, #593D00)
Browse the whole catalog at Explore, or see today's palette.