Petrol Summit color palette — #EBF3F9 · #D7D4E1 · #BDBCD7 · #0074A2 · #152734

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#D7D4E1): bright and airy, almost weightless.
• Ash (#BDBCD7): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#152734): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Washed Petrol color palette (#EFF6FD, #D8D8E7, #AEBBDE, #0071AB, #314250)
• Weathered Denim color palette (#E5EAEF, #C7CBD6, #A49FBB, #005991, #081725)
• Washed Boulevard color palette (#EEF2FA, #DFD2E0, #CAB7D3, #6158C6, #1F2434)
• Lowlit Sapphire color palette (#D7E3F7, #3F61CB, #371C44, #040B30, #000409)
• Patina Dune color palette (#ECF8F4, #E3D4D1, #ABB6A7, #059AE7, #1C3C33)
• Patina Driftwood color palette (#F1F1F7, #DCD5D9, #BDADA8, #9474A6, #35353F)
• Patina Forest Corridor color palette (#B4F7E7, #76AEBE, #8176A6, #046334, #00332B)
• Aged Pier color palette (#D9DFE9, #B1B1C1, #93889F, #2128AD, #040A19)

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