Hushed Petrol color palette — #F0F6FD · #DED9E2 · #C9BBC6 · #5E7694 · #424851

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DED9E2): bright and airy, almost weightless.
• Stone (#C9BBC6): A luminous, dusty pink — the color of neon signs at night.
• Slate (#5E7694): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#424851): 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

• Dusty Petrol Courtyard color palette (#F6EFF4, #DFD4D4, #CDB6B6, #6573A1, #31292F)
• Patina Basin color palette (#E0F1FF, #B1B9E0, #937997, #496663, #334C54)
• Ancient Navy color palette (#E6EFFD, #A6A7BE, #867896, #203071, #0C1422)
• Dusty Nightshade color palette (#F1F5FE, #D2CFEB, #B19FBA, #4F4CA6, #2A3248)
• Hushed Pine Studio color palette (#EEF9EE, #B0B578, #508155, #5C5472, #32483F)
• Wandering Ridge color palette (#E6E1EB, #C7B1C3, #9F868F, #712051, #221C28)
• Indigo Orchard color palette (#DEE3FB, #765AC4, #372D44, #1B1E2C, #0C0C13)
• Dusty Lilac color palette (#F1F5FF, #AAEAFF, #A6A8FF, #BD727C, #403A56)

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