Hushed Petrol color palette — #E5F6F1 · #8CB8E3 · #B89662 · #3F76A8 · #35302A

Slate takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E5F6F1): bright and airy, almost weightless.
• Sky (#8CB8E3): A luminous, dusty blue — the color of deep harbor water.
• Camel (#B89662): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#3F76A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#35302A): a grounded near-black with real depth.

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

• Tempered Petrol Cabin color palette (#E6F7EC, #7BBFD1, #CA878E, #067F96, #462820)
• Softworn Drift color palette (#FCF1FC, #8FB3DD, #BF8D59, #3574BA, #654625)
• Tempered Pewter Quarry color palette (#FCEDF2, #BFA8D7, #9BA262, #81629D, #33312A)
• Ancient Archive color palette (#EEF6FF, #AAC7EB, #D7A76C, #4E8EDB, #3D543B)
• Muted Driftwood Summit color palette (#FCECFD, #799FCD, #A28B52, #8A7646, #302131)
• Washed Study color palette (#DFF9F1, #E7D6CC, #ABAF9D, #76957C, #493843)
• Muted Pewter color palette (#F7EFF4, #C6C69F, #5A5E84, #3E2A37, #1A1117)
• Weathered Bronze color palette (#FEEEE6, #D1B69A, #B0714D, #6F4F49, #342B19)

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