Petrol Summit color palette — #ECF7FF · #DBD7EC · #B9B8D9 · #19739C · #31424F

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#DBD7EC): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B9B8D9): A luminous, dusty violet — the color of a velvet chair.
• Slate (#19739C): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#31424F): 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 Summit 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

• Wandering Cobalt color palette (#EAF5F1, #E6D5DA, #CDB8C8, #006FB6, #162924)
• Patina Loft color palette (#E6F0F9, #C5CCDF, #A19CB8, #225983, #252F39)
• Dusty Balcony color palette (#F4F4FC, #E4D8DF, #B5ACA4, #7F7E9D, #525257)
• Muted Lilac color palette (#C6EFFF, #9E9CE9, #A06486, #3D6458, #184C51)
• Muted Navy Summit color palette (#E7EBF8, #ABA6BA, #8C7692, #382A69, #0F1322)
• Dusty Grape Alley color palette (#F3F4FF, #D8CCEA, #BB9ABA, #6C3BA6, #2F3144)
• Softworn Azure Harbor color palette (#EFF7F4, #EFDADE, #E3BEBC, #3FAEF3, #27473D)
• Mulberry Canyon color palette (#EAF8FF, #008CA9, #A41535, #3A4600, #033416)

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