Hushed Petrol color palette — #EBF3F9 · #D7D4E6 · #B5B5C7 · #376B88 · #17222A

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#D7D4E6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B5B5C7): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#376B88): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#17222A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Softworn Petrol color palette (#F0F6FC, #D8D8E1, #ABB4C3, #306898, #343B43)
• Patina Pewter Bloom color palette (#F1F0FC, #E2D1DB, #CDB7C8, #84549B, #242332)
• Weathered Cerulean color palette (#EEF8F4, #E8D3CE, #A9A99E, #5C8FB9, #27312E)
• Antique Veranda color palette (#E0E9F1, #ABB3C9, #8E88A9, #004774, #040B14)
• Wandering Mulberry color palette (#E9E7F4, #D1C7D4, #B29CAA, #733C77, #16141F)
• Weathered Ash color palette (#BFE7F9, #899BD0, #846181, #1B534A, #0D2C27)
• Fern Lagoon color palette (#FEECF4, #B39E63, #596D35, #424360, #0B2114)
• Timeworn Atelier color palette (#ECEDF9, #9288A1, #776477, #341557, #010106)

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