Petrol Atelier color palette — #E2ECE4 · #97B8D3 · #336CAF · #004956 · #070E3D
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Ash (#97B8D3): A luminous, dusty blue — the color of open sky before noon.
- Slate (#336CAF): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004956): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#070E3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Hushed Balcony color palette (#F4EDE7, #8CB7D7, #4C62AD, #00504F, #332351)
- Washed Petrol Boulevard color palette (#DFEDE2, #83C0C1, #00788A, #004D3C, #001923)
- Cornflower Veranda color palette (#F5EDE2, #9ECBEA, #3D88DE, #00697B, #1D2A58)
- Timeworn Petrol Veranda color palette (#EDF4EE, #D8DBEE, #869EBF, #337588, #2C364C)
- Softworn Denim Bloom color palette (#D8E3DA, #5694AA, #004F74, #002B2D, #00040F)
- Mulberry Courtyard color palette (#C7E8DF, #4F7A00, #0060A7, #8E0537, #060E00)
- Feathered Grape color palette (#D7F8ED, #7F9B31, #73409E, #3D4E00, #1D0031)
- Worn Teal color palette (#CBFCEE, #9BDFAD, #32BAAE, #605C02, #001E1A)
Browse the whole catalog at Explore, or see today's palette.