Hushed Petrol color palette — #ECF4F1 · #DAD1CF · #C6B5B2 · #387CA6 · #242F2B

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DAD1CF): bright and airy, almost weightless.
• Stone (#C6B5B2): a calm mid-gray that lets other colors speak.
• Slate (#387CA6): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#242F2B): a grounded near-black with real depth.

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

• Petrol Lagoon color palette (#EFF7F5, #E1D3D0, #D2B6B8, #537998, #3F4B47)
• Antique Workshop color palette (#F7EFF3, #E5D2CC, #D2B8B2, #7251C1, #2F2027)
• Washed Hollow color palette (#F1F6FB, #DAD9E3, #CCC0C2, #67A4D6, #394047)
• Aged Ultramarine color palette (#F8EEF7, #DFCED5, #C8A0A2, #0051C3, #241323)
• Wandering Pewter Lagoon color palette (#FBEFE7, #C4B091, #717B49, #704754, #32250F)
• Petrol Meadow color palette (#F4F4DB, #56ACAD, #5665AC, #305100, #032A1B)
• Dusty Navy Alley color palette (#E4ECEA, #AD9AA4, #977077, #003862, #000604)
• Dusty Balcony color palette (#E0F6D8, #9AB7AE, #A2828A, #546825, #2C3A00)

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