Petrol Atelier color palette — #EBF3FB · #DAD4EB · #BCBDD4 · #3E6F9C · #1A2632
Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF3FB): a clean, paper-quiet neutral.
- Silver (#DAD4EB): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#BCBDD4): A luminous, dusty violet — the color of wild irises.
- Slate (#3E6F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#1A2632): 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
- Denim Orchard color palette (#E3EAF2, #C6CBDA, #A3A0B7, #31548E, #0F1620)
- Petrol Market color palette (#EDF8F5, #ECD9DA, #D1B3B9, #006FB3, #31453F)
- Ancient Thicket color palette (#F2F0F9, #E1D4DB, #BCABA7, #857D9F, #36353C)
- Tempered Ash color palette (#CDE7FF, #AEA2D7, #96687F, #345F56, #003A31)
- Muted Summit color palette (#E9E4F2, #98869D, #7B6274, #45103C, #020104)
- Pale Delta color palette (#E9F3FF, #0183EC, #A2213B, #343E00, #151B00)
- Softworn Mustard color palette (#E1FAE3, #AEAD46, #4B7A2C, #3F4A6D, #00281A)
- Obsidian Lapis color palette (#E1E6F4, #5B38FF, #381B43, #090F1F, #010409)
Browse the whole catalog at Explore, or see today's palette.