Petrol Summit color palette — #EFF6FB · #D7D9E1 · #BBBDCC · #337E99 · #3F494F

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D7D9E1): a clean, paper-quiet neutral.
• Ash (#BBBDCC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#337E99): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F494F): 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 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

• Timeworn Basin color palette (#ECF3F7, #D5D6DE, #BDBAC7, #00829E, #222E34)
• Timeworn Petrol color palette (#F1F5FF, #DED6E9, #B8BAD3, #5F60AB, #393F50)
• Abyss Veranda color palette (#D7E5F0, #A0ABB6, #708197, #003C58, #031623)
• Softworn Powder Station color palette (#E7F0FF, #A7B4D4, #8789A8, #705D75, #5F454C)
• Weathered Cypress color palette (#EBF8F7, #8EBCA3, #3A836C, #34626B, #244A4A)
• Muted Sky Bloom color palette (#EEF6FF, #BAE9FF, #67B7FF, #6C80C8, #223A57)
• Patina Cobalt Canyon color palette (#DAE6F3, #1673C4, #283344, #16202A, #0A0C14)
• Aubergine Terrace color palette (#E4E3EF, #B9B7C4, #9289A3, #5D2875, #1F1E2A)

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