Hushed Petrol color palette — #F4F4FF · #FFCDE2 · #EDA380 · #4B6CAB · #453857

Built around Slate, softened by Melon — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#FFCDE2): A whisper-light, dusty rose — the color of strawberry cream.
• Melon (#EDA380): A luminous, balanced orange — the color of toasted spice.
• Slate (#4B6CAB): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#453857): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

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

• Timeworn Cobalt color palette (#F7F3FF, #ECD7DC, #E0C293, #7678B4, #53415B)
• Ancient Bloom color palette (#EFF6FF, #E1CBF7, #EA949E, #00818E, #353E5E)
• Pewter Boulevard color palette (#F9F2FF, #E9C9DD, #B1B47D, #815492, #4E314B)
• Blush Ridge color palette (#FFECF0, #F3CFBE, #E39799, #7669A2, #351B1D)
• Quiet Ridge color palette (#FAF1FF, #FFB59C, #C3AA00, #7A3BBA, #5B1E29)
• Faded Lantern color palette (#E1D7FE, #D49DA1, #BB7F3B, #2E44A6, #3A0B26)
• Faded Mulberry color palette (#FFEEFB, #E3C888, #78AF65, #973A6A, #4D2B3A)
• Aged Aubergine Chapel color palette (#F7E2F7, #B48C66, #617D2F, #500052, #1E0800)

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