Hushed Petrol color palette — #EEF7F5 · #A0C4EA · #A56A71 · #3C70A4 · #3B2924

Built around Slate, softened by Mocha — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF7F5): a clean, paper-quiet neutral.
• Sky (#A0C4EA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A56A71): A full-bodied, dusty red — the color of late-summer berries.
• Slate (#3C70A4): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3B2924): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Aged Pewter color palette (#FCF2F6, #C4B8E5, #A66E4C, #73619C, #332C28)
• Aged Petrol color palette (#F0F7F3, #9FCDB3, #8C719B, #1A7892, #372A2D)
• Cobalt Garden color palette (#EFF2F8, #B2C3E6, #9272B3, #5D6BB5, #141420)
• Periwinkle Delta color palette (#F6F7E3, #95A5DD, #8C6A89, #3B6448, #57404B)
• Patina Garnet Station color palette (#F0F6FF, #BDBDEE, #9573A2, #804973, #752D41)
• Muted Iris Lagoon color palette (#F9F3F8, #E9C4DF, #AA8EC1, #7385D9, #38292E)
• Driftwood Balcony color palette (#FAF3F7, #E1D8D6, #ACADA1, #7A7EA6, #575054)
• Ancient Mallow color palette (#FEF1F6, #DCDDF1, #D9B4F9, #C1838C, #5D4348)

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