Petrol Atelier color palette — #C1EFF3 · #3D7E9F · #434B71 · #4C1A18 · #1E0B00
A conversation between Slate and Espresso, giving this palette its sense of trust and stability.
The five colors
- Frost (#C1EFF3): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#3D7E9F): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#434B71): A full-bodied, dusty violet — the color of a velvet chair.
- Espresso (#4C1A18): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#1E0B00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Dusty Lagoon Atelier color palette (#D0E9DA, #008D83, #145E71, #481F3F, #2C0309)
- Cerulean Garden color palette (#CCF2ED, #308AAB, #4C5488, #4C340F, #282500)
- Patina Iris color palette (#CEE2FC, #7A76C1, #613C6E, #37322C, #121200)
- Petrol Pier color palette (#DEF2FD, #6A9DC9, #556CA2, #5B3657, #471B35)
- Basalt Alley color palette (#D0E0FF, #625194, #521D52, #1D1200, #040400)
- Hushed Turquoise Basin color palette (#A9F4D3, #56B6D4, #7D729C, #573405, #261300)
- Timeworn Lilac color palette (#DDDDFD, #AE83C4, #7E546B, #484315, #1F2104)
- Petrol Market color palette (#D9E9EF, #0078A0, #00446E, #002253, #030036)
Browse the whole catalog at Explore, or see today's palette.