Hushed Petrol color palette — #E8F6F0 · #8BBAD9 · #BE926F · #2C79A4 · #36302B

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

The five colors

• Ivory (#E8F6F0): bright and airy, almost weightless.
• Sky (#8BBAD9): A luminous, dusty blue — the color of open sky before noon.
• Camel (#BE926F): A luminous, dusty gold — the color of honey in a jar.
• Slate (#2C79A4): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#36302B): 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

• Ancient Cypress Lantern color palette (#EBF5E9, #82C1BB, #CA878E, #0A837D, #452821)
• Tempered Pier color palette (#ECF7FF, #87B7D2, #C28B5B, #007CAA, #654529)
• Softworn Bloom color palette (#FEECF6, #ADADE3, #9FA161, #6C68AB, #33312A)
• Wandering Cerulean Boulevard color palette (#ECF7FF, #99CCEC, #DAA478, #2896CF, #663F50)
• Hushed Driftwood color palette (#E5F6F0, #ECD3CC, #A6B8A8, #6A917A, #423642)
• Dusty Azure color palette (#DDF9F0, #66A3D3, #BA7787, #6F8050, #102D26)
• Softworn Denim color palette (#F9EEF5, #D8BF99, #595E85, #412739, #191116)
• Timeworn Cerulean color palette (#FEEAFF, #ABCDF7, #5A86AE, #2C4B70, #04233D)

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