Hushed Petrol color palette — #F0F7F3 · #D1DEDE · #AAC7CA · #407E92 · #3F4B44

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D1DEDE): bright and airy, almost weightless.
• Stone (#AAC7CA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#407E92): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4B44): quiet, heavy and certain.

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

• Cerulean Terrace color palette (#F8F3F8, #E2D7D9, #B5ACA3, #6984A6, #555156)
• Petrol Coast color palette (#ECF4EF, #CCDCDD, #CCBCBE, #437F8C, #282E2A)
• Worn Quarry color palette (#F5F6ED, #8CBD9D, #398367, #4A6142, #3B4900)
• Muted Indigo Alley color palette (#FDF1F9, #E7D4D5, #DBADC0, #5961B1, #4A3A45)
• Ancient Iris Veranda color palette (#E9FAF3, #C8E2FF, #6CC6FF, #6688D3, #174339)
• Wandering Denim Harbor color palette (#E9F9F4, #E0CBE0, #91A6D4, #005F95, #1D3931)
• Muted Lantern color palette (#E6F1EC, #95B0A7, #917492, #003D55, #001910)
• Hushed Orchard color palette (#D7E9E4, #0076BE, #3F2A3E, #09241E, #050F10)

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