Petrol Atelier color palette — #EAF8F8 · #B8D8F8 · #6E98CE · #0575A1 · #2A3A5A
Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EAF8F8): a clean, paper-quiet neutral.
- Powder Blue (#B8D8F8): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#6E98CE): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0575A1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2A3A5A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Atelier 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
- Worn Cypress Pier color palette (#EDF8F6, #B6DBEA, #47A4B7, #007C79, #064151)
- Dusty Lantern color palette (#F3F7ED, #DAD5DF, #6EA8F6, #0978A5, #3F233C)
- Wandering Petrol Field color palette (#DCEEEB, #5CAEC8, #007094, #004951, #001624)
- Hushed Cobalt Veranda color palette (#FEF1F5, #AEC8E2, #5E75B5, #005E6A, #3A335D)
- Dusty Powder Boulevard color palette (#EEF7F7, #D8DBEA, #92B5DB, #5B8EA6, #42546B)
- Faded Iris Delta color palette (#F9E8FC, #EA8596, #798FE6, #AE4D60, #27325D)
- Airy Coral color palette (#F7DAF5, #E66769, #AA8300, #945DAC, #382237)
- Patina Driftwood Ridge color palette (#FFF0FD, #FFCED4, #EBBDA0, #B77983, #50364A)
Browse the whole catalog at Explore, or see today's palette.