Hushed Petrol Summit color palette — #F0F6FB · #D9D9E2 · #BEBDD0 · #437AA0 · #3D4954

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9D9E2): bright and airy, almost weightless.
• Ash (#BEBDD0): A luminous, dusty violet — the color of a velvet chair.
• Slate (#437AA0): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3D4954): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed 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

• Petrol Villa color palette (#EDF3F7, #D6D6DF, #C3B9D1, #387DA0, #242D34)
• Wandering Meadow color palette (#F0F7F4, #E1D3D0, #ABA191, #5F97B5, #404B46)
• Tempered Cypress color palette (#E7F9FA, #8FB8BD, #408079, #296469, #28484C)
• Weathered Navy color palette (#E0E8F0, #9FAABA, #6F7F9F, #003869, #081522)
• Amethyst Basin color palette (#F3F5FB, #DDD6E0, #BBB8D3, #744DC3, #3A3E54)
• Pewter Alley color palette (#F3F4FF, #AFACC6, #8D829E, #885C4B, #694251)
• Airy Corridor color palette (#EFF6FF, #C6E3FF, #91B8FF, #7E76EC, #323B5E)
• Hushed Ultramarine Villa color palette (#F0F6FD, #CAD3E4, #9AA5C9, #124CC8, #293343)

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