Hushed Petrol color palette — #FDF0FE · #F9D384 · #2D6CB1 · #002E5B · #120014

A conversation between Slate and Wheat, giving this palette its sense of trust and stability.

The five colors

• Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Wheat (#F9D384): A whisper-light, balanced gold — the color of old brass.
• Slate (#2D6CB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#002E5B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#120014): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.

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

• Sunlit Aubergine color palette (#FFF0F9, #F9D384, #645CB4, #2D1672, #15000D)
• Worn Petrol color palette (#E2FCF2, #FAD380, #0074A2, #00334A, #000A06)
• Cornflower Dune color palette (#FFF0FE, #FFC17F, #408AFA, #2F5B9C, #261226)
• Gentle Navy color palette (#FFF0FD, #D6B673, #2A4C98, #010F48, #030003)
• Apricot Orchard color palette (#EBF2FF, #F8841B, #304494, #111C47, #020715)
• Pale Aubergine color palette (#FEE6F3, #C29C49, #3A2880, #080023, #040002)
• Wandering Grape Lagoon color palette (#FFF1F4, #F2BA29, #86149F, #33003F, #030004)
• Wandering Basalt color palette (#FCF2F3, #CFDDCC, #A4787E, #5A3957, #261618)

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