Petrol Atelier color palette — #C6F0FE · #4170A3 · #3D3F74 · #4E1800 · #271800
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C6F0FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#4170A3): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#3D3F74): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Espresso (#4E1800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#271800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, 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
- Tempered Onyx Balcony color palette (#C1E8E1, #28869A, #26527D, #4F1021, #360E00)
- Petrol Market color palette (#CFE3FD, #5D5E90, #51335A, #2B1900, #100E00)
- Worn Abyss color palette (#E0F2E8, #637752, #074C62, #2C1E00, #000B04)
- Antique Lagoon Loft color palette (#D5E6D3, #369589, #3F638C, #454000, #032902)
- Indigo Grove color palette (#D8E9EF, #6B98CA, #716FC3, #854332, #2D1900)
- Weathered Periwinkle Veranda color palette (#DDEBF3, #779AD8, #706293, #763C1C, #513A00)
- Wandering Abyss Pier color palette (#EFE7DB, #5A9CA1, #005364, #003129, #001622)
- Driftwood Studio color palette (#E0DCF1, #9F6D9F, #724252, #3A4200, #013711)
Browse the whole catalog at Explore, or see today's palette.