Hushed Petrol color palette — #EFF7F5 · #DFD4CF · #CDB7B1 · #4C78A1 · #3C4C47

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#DFD4CF): bright and airy, almost weightless.
• Stone (#CDB7B1): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#4C78A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3C4C47): A full-bodied, dusty teal — the color of sea glass.

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

• Timeworn Drift color palette (#EEF2F8, #D8D6DF, #C4B8D0, #5C779B, #262D35)
• Cypress Bloom color palette (#E8FCE4, #CCB2CE, #A67A85, #316F63, #3A584B)
• Muted Mulberry color palette (#FBF3F4, #E0D7D0, #C0B0A5, #854A85, #473538)
• Antique Garden color palette (#FEF3EA, #C1AD87, #697B4F, #6B4D72, #563E00)
• Indigo Hollow color palette (#EFDFE9, #6665BA, #45292D, #2C1725, #0B1617)
• Ultramarine Coast color palette (#FEF1FA, #E2CCD2, #C19C9B, #3944C8, #3E2C3A)
• Hushed Pewter Villa color palette (#F7F7E1, #53A4BD, #705B9F, #3B5815, #19463D)
• Timeworn Coast color palette (#EEE6ED, #B3A5AA, #9C7376, #002E84, #1B0E1B)

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