Hushed Petrol color palette — #F1F6FB · #DCD9E0 · #CDB9CA · #5C759C · #424850

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

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DCD9E0): bright and airy, almost weightless.
• Stone (#CDB9CA): A luminous, dusty pink — the color of neon signs at night.
• Slate (#5C759C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#424850): 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

• Hushed Byzantium Field color palette (#F5F4FB, #E5D5DE, #CEB2C7, #874E9F, #3F3D51)
• Washed Driftwood Courtyard color palette (#DBF3FE, #A1B2C8, #8F83A2, #476970, #354E62)
• Pine Alley color palette (#EFF8EE, #B0B486, #508153, #5D5472, #30493E)
• Patina Indigo color palette (#DFE4F8, #765BC2, #392A4A, #1A1E2F, #0C0D13)
• Softworn Parlor color palette (#F1F5FF, #D2D0E1, #CB95A6, #503CC5, #2A3249)
• Aged Study color palette (#E6EBF4, #A7A7BD, #89769A, #1D248A, #0B1324)
• Worn Mulberry color palette (#EFEDF6, #D1C8D4, #B595A9, #77377B, #2E2C37)
• Garnet Archive color palette (#E9E4EF, #C1B5BF, #AA8668, #6D2651, #231B2B)

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