Hushed Petrol color palette — #EEF2F9 · #D9D5DE · #C3B8C6 · #67739C · #282C34

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

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#D9D5DE): bright and airy, almost weightless.
• Ash (#C3B8C6): A luminous, dusty pink — the color of a candy shop window.
• Slate (#67739C): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#282C34): a grounded near-black with real depth.

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

Use it as a design system

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

• Weathered Coast color palette (#F9F3F8, #E5D7D7, #CDBCB6, #6072A3, #4E444C)
• Patina Study color palette (#E0E8FF, #B0ABCE, #887B92, #50675C, #263F3B)
• Pewter Lantern color palette (#F4F0F7, #E0D2D7, #C3B0BF, #87516C, #231E27)
• Dusty Navy Hollow color palette (#E5E8F0, #9C9EB4, #7C7891, #312B6A, #02040D)
• Timeworn Drift color palette (#EEF1FF, #D2D0EC, #B0A4C9, #6341AB, #15182C)
• Wandering Pine Quarry color palette (#E9F5F0, #A1BD90, #4D835C, #42576F, #172C28)
• Ancient Garnet Meadow color palette (#E3DCE6, #BEADBC, #9B8693, #702341, #0F0812)
• Antique Station color palette (#E4F8E8, #8C93E7, #81598C, #554414, #1E2135)

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