Petrol Summit color palette — #F0F6FD · #DAD9E3 · #C1BCD0 · #59769A · #414851

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Ash (#C1BCD0): A luminous, dusty violet — the color of wild irises.
• Slate (#59769A): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#414851): quiet, heavy and certain.

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

• Pewter Quarry color palette (#F6F4FC, #E5D4E0, #BAAEC2, #7A5675, #3B3941)
• Ash Terrace color palette (#EEF7F5, #DFD4D1, #A69F95, #7193B4, #404A47)
• Antique Stone Hollow color palette (#EEF2FF, #BAA9D6, #8782A5, #745E71, #644547)
• Muted Iris Lantern color palette (#F0F5FF, #D6D9FA, #9FB5FF, #8C7DC6, #374157)
• Hushed Station color palette (#E1DCE8, #BFB4C7, #98879D, #682955, #221C2A)
• Dusty Loft color palette (#F0F5FF, #C8D2EF, #9FA4C4, #434BB3, #2A3344)
• Wandering Navy Bloom color palette (#E8F0FD, #9EA9C1, #767E98, #0E2E7F, #0C1420)
• Olive Coast color palette (#E8FAF1, #ABB684, #657D44, #425F65, #314840)

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