Hushed Petrol color palette — #EFF7F4 · #E7D6D9 · #C7AAB6 · #2B6A91 · #313E39

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#E7D6D9): bright and airy, almost weightless.
• Rosewood Mist (#C7AAB6): A luminous, dusty rose — the color of a warm blush.
• Peacock (#2B6A91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#313E39): a grounded near-black with real depth.

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

• Cerulean Ridge color palette (#EEF8F5, #E9D7DC, #D2BABF, #5485B2, #323D3A)
• Petrol Thicket color palette (#EBF3FB, #D5D4E3, #AEB8C9, #456889, #1A2129)
• Pewter Quarry color palette (#FBF3F5, #E9D6CC, #DEB0A2, #855299, #4E393E)
• Muted Atelier color palette (#FAF3F6, #E4D8D5, #ACAFA2, #9C7587, #585053)
• Antique Studio color palette (#CBEFDE, #9CA4D1, #886A8B, #475C38, #304531)
• Worn Chapel color palette (#FCF2F7, #E4CBD2, #C7999A, #543DBF, #402B38)
• Worn Navy color palette (#E5DDE5, #C4B3BE, #A6838E, #00467D, #251C26)
• Hushed Mulberry color palette (#F7EBED, #DBC7C4, #BE9686, #743C75, #362A2C)

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