Petrol Summit color palette — #EEF7FB · #D6DBE7 · #BBBFCE · #4F7B90 · #3E4A4F

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D6DBE7): a clean, paper-quiet neutral.
• Ash (#BBBFCE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4F7B90): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3E4A4F): quiet, heavy and certain.

Feels like: 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

• Dusty Petrol Boulevard color palette (#EBF3F7, #D4D8E3, #BABBCB, #40808B, #252E31)
• Weathered Powder color palette (#E9F4FF, #A1B6D8, #7F87A0, #685974, #5A404B)
• Softworn Abyss color palette (#DCEBF5, #9AACBA, #6B8299, #003E51, #08161E)
• Denim Coast color palette (#ECF7FF, #BCD6F1, #93A8C6, #00618D, #243542)
• Pine Workshop color palette (#E5FBF6, #91BC97, #418360, #3B6166, #2C4846)
• Powdered Powder Terrace color palette (#ECF7FF, #8AECFF, #6DCCFF, #5A83C1, #243F56)
• Aubergine Delta color palette (#E2E3F2, #B8B7C8, #8F89A6, #532F7A, #1D1E2A)
• Feathered Azure color palette (#DAFDFC, #26A5D5, #336CA8, #623E67, #2D3F4E)

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