Hushed Petrol color palette — #F0F7F3 · #D2DDDF · #D1BCBF · #3A7E93 · #414A45

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D2DDDF): a clean, paper-quiet neutral.
• Stone (#D1BCBF): A luminous, dusty red — the color of late-summer berries.
• Slate (#3A7E93): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#414A45): 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

• Worn Petrol Station color palette (#EBF3F8, #D4D6E0, #B9BBCF, #557A92, #272D31)
• Tempered Sapphire color palette (#FAF2F8, #ECD4D1, #D5B2B5, #535EBF, #473C44)
• Timeworn Coast color palette (#EAF9F4, #DECCDA, #C598AB, #006092, #1E3931)
• Weathered Station color palette (#DEEDE6, #B1A4B1, #7D79A2, #003D54, #021910)
• Hushed Thicket color palette (#F7F5EC, #92BC98, #258570, #3B644F, #3F4800)
• Hushed Chestnut Drift color palette (#DDF2E2, #C0A7C3, #A58090, #776012, #455242)
• Washed Cobalt Delta color palette (#ECE0ED, #2574BC, #442838, #251B26, #081312)
• Petrol Lagoon color palette (#FDF4E4, #32A8BF, #5264AD, #604B00, #29433A)

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