Hushed Petrol color palette — #F8EFF6 · #E5D0D2 · #C4B1BA · #54638C · #251E24

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

The five colors

• Blush (#F8EFF6): bright and airy, almost weightless.
• Silver (#E5D0D2): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#C4B1BA): A luminous, dusty rose — the color of strawberry cream.
• Slate (#54638C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#251E24): quiet, heavy and certain.

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

• Pewter Boulevard color palette (#FBEEEE, #E8D3C4, #D8B6AF, #925377, #302020)
• Patina Petrol Bloom color palette (#F1F5FC, #DBD7E4, #B1B2C2, #46629D, #333B47)
• Muted Cerulean Studio color palette (#F9F3F9, #E8D7D8, #C0B1A4, #708BB5, #342B34)
• Cocoa Lantern color palette (#F3E6E4, #D9C7C3, #B69D95, #794056, #201210)
• Worn Navy Cabin color palette (#EDE2E8, #C2ACB7, #A4838F, #3B3C73, #13060F)
• Tempered Cocoa Study color palette (#F2EDFD, #B791C4, #956B8C, #763C16, #41260B)
• Misty Summit color palette (#FFEBF7, #AECBFF, #A3A4FF, #986FB8, #191133)
• Dusty Onyx color palette (#EFE2E3, #9D8787, #7F6360, #450F3E, #040001)

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