Hushed Petrol color palette — #E8F5F2 · #F0D6DB · #DCB1C7 · #296EAC · #142A25

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 (#E8F5F2): a clean, paper-quiet neutral.
• Shell Pink (#F0D6DB): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#DCB1C7): A luminous, dusty rose — the color of strawberry cream.
• Slate (#296EAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#142A25): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Tempered Pewter Bloom color palette (#F7EFF3, #DED4D2, #CBB8B0, #766C9E, #33292D)
• Timeworn Canyon color palette (#EFF6FC, #DCD7E8, #BBB8D9, #0071A8, #32424F)
• Patina Parlor color palette (#EDE7EC, #D4C7CF, #BE97A7, #285299, #1B131B)
• Hushed Cypress color palette (#EEF3EE, #C6DDDB, #A1C9BC, #007A80, #1C291E)
• Softworn Azure Studio color palette (#F0F7F4, #E4D3CD, #B7BDAF, #339BD8, #263A33)
• Worn Bloom color palette (#D9E5FC, #AA9ECB, #9B6A9B, #654E0B, #31302A)
• Grape Balcony color palette (#FBEEF1, #E6CCCE, #D298AE, #8129A2, #2A1119)
• Eclipse Corridor color palette (#FDE6F5, #5452DF, #311E49, #1F0518, #060206)

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