Petrol Atelier color palette — #F0F6FB · #DAD9E2 · #C3BCC9 · #417AA2 · #3E4952
Slate takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#DAD9E2): bright and airy, almost weightless.
- Stone (#C3BCC9): soft and architectural.
- Slate (#417AA2): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3E4952): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Timeworn Petrol color palette (#ECF4F2, #DED0CE, #C9B5B8, #53799D, #242F2C)
- Patina Villa color palette (#E6F6FF, #A7B5CF, #8480A3, #457065, #225A56)
- Navy Ridge color palette (#E4E9EF, #A3A9B8, #7C7C9A, #003869, #031427)
- Ancient Pewter Harbor color palette (#FFF1F6, #9AB8A4, #6E794B, #4A587E, #304939)
- Amethyst Study color palette (#F3F5FC, #DFD6DF, #C4B6CE, #7847CA, #3C3F4E)
- Ultramarine Study color palette (#EFF6FF, #CCD1E7, #A7A2BE, #194EC4, #23334B)
- Hushed Fern Chapel color palette (#E0FDF2, #57A2C4, #67619B, #4B5400, #273F59)
- Aubergine Courtyard color palette (#EDEEF5, #CECAD6, #AA9AAE, #6A3893, #2C2C3A)
Browse the whole catalog at Explore, or see today's palette.