Hushed Petrol color palette — #EAF4F7 · #D1D9E5 · #B7BECC · #4C7D8D · #232E32

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF4F7): bright and airy, almost weightless.
• Silver (#D1D9E5): a clean, paper-quiet neutral.
• Ash (#B7BECC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4C7D8D): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#232E32): quiet, heavy and certain.

Feels like: 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

• Softworn Cypress Basin color palette (#F1F7F1, #D0DEDD, #AEC5C7, #368282, #414B41)
• Powder Cabin color palette (#E6F4FF, #98B9DF, #71819F, #5D556C, #3A2F42)
• Hushed Abyss color palette (#D0E1E9, #8EA4B0, #658093, #003E47, #000509)
• Muted Denim Boulevard color palette (#E6F4FD, #BED8EB, #91AFCB, #00657E, #051D29)
• Stone Delta color palette (#E2F8F0, #A0BE8A, #5F7F5C, #3C5C5C, #0F2D28)
• Washed Navy color palette (#E1E3ED, #AEB1CA, #8B8BA1, #42367C, #070A17)
• Turquoise Delta color palette (#D3FCF7, #1BAFC6, #2D7396, #513A69, #082634)
• Softworn Aqua Archive color palette (#E4F5FE, #63FCFE, #26CAED, #4CA0D5, #092839)

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