Petrol Atelier color palette — #EFF7FB · #D9DAE5 · #C1BDCC · #2D8095 · #3C4A51
Built around Cerulean, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF7FB): a clean, paper-quiet neutral.
- Silver (#D9DAE5): a clean, paper-quiet neutral.
- Stone (#C1BDCC): A luminous, dusty violet — the color of wild irises.
- Cerulean (#2D8095): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3C4A51): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Petrol color palette (#EDF4F0, #CEDADA, #AEC0C3, #367F99, #252F2A)
- Softworn Balcony color palette (#F0F5FF, #DFD5E6, #BEB8CC, #5161BA, #364052)
- Worn Powder color palette (#DEF3FF, #9FB8D6, #817F9A, #4C6B5B, #2D5352)
- Abyss Bloom color palette (#D8E3EA, #9EAABA, #777E97, #003D52, #001624)
- Denim Basin color palette (#EBEEF8, #CBCAD8, #A59CB1, #4E4C88, #282D3C)
- Worn Turquoise Meadow color palette (#E4FDE9, #46A7B8, #576897, #634900, #264052)
- Tempered Sky Harbor color palette (#EEF6FF, #7BF1E7, #52C0FA, #8D76C6, #293B56)
- Powdered Cerulean color palette (#EDF7FF, #4D90BD, #904D4B, #71341A, #19421B)
Browse the whole catalog at Explore, or see today's palette.