Hushed Petrol color palette — #F6EFF5 · #DFD2D3 · #C7B0B5 · #466595 · #271D26

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

The five colors

• Ivory (#F6EFF5): a clean, paper-quiet neutral.
• Silver (#DFD2D3): bright and airy, almost weightless.
• Rosewood Mist (#C7B0B5): A luminous, dusty red — the color of late-summer berries.
• Slate (#466595): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#271D26): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Worn Denim color palette (#F9F3F8, #E3D5D7, #C1ACB7, #435FAA, #41373F)
• Mulberry Corridor color palette (#FDEDEE, #DFD4CB, #D3B9AC, #934F83, #302021)
• Tempered Cobalt Canyon color palette (#F0F5FE, #DAD8E2, #BCAEB8, #6F88C3, #272F3A)
• Grape Harbor color palette (#FFECF3, #E2CED0, #C6A19B, #7332AE, #2A101B)
• Wandering Studio color palette (#E5DEE3, #BEAEB4, #A68388, #29388E, #140511)
• Ancient Loft color palette (#F2E6E5, #D9C7C1, #B69E8F, #823461, #201211)
• Velvet Atelier color palette (#F0DAE5, #674CBB, #371C21, #15070F, #040104)
• Pine Grove color palette (#F9F1E4, #9EA66E, #42723C, #454066, #211C04)

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