Petrol Atelier color palette — #EDF3F8 · #D6D6DF · #BCBACF · #4A7AA0 · #262D33

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF3F8): a clean, paper-quiet neutral.
• Silver (#D6D6DF): a clean, paper-quiet neutral.
• Ash (#BCBACF): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4A7AA0): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#262D33): a grounded near-black with real depth.

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

• Muted Petrol color palette (#EEF8F4, #E5D3CF, #CBB8B7, #4A7B98, #3E4B46)
• Dusty Indigo color palette (#F0F1FA, #DCD2DF, #C0B9E1, #7756AC, #222335)
• Antique Driftwood color palette (#ECF2FF, #B4B8DF, #997BA6, #635163, #45323F)
• Muted Ash color palette (#F0F6FB, #DADAE4, #CEC1C3, #72A5C3, #394046)
• Timeworn Basin color palette (#D8DFE8, #94A1B4, #7278A2, #00346E, #00040F)
• Tempered Iris Summit color palette (#EAF3FF, #BAE0FF, #A1C1FF, #8B82DA, #111E38)
• Patina Olive color palette (#E9F5EE, #95BEAC, #6C7E36, #345C62, #162D24)
• Indigo Harbor color palette (#E3EDFF, #546DC9, #252F4F, #0F1622, #03060C)

Browse the whole catalog at Explore, or see today's palette.