Hushed Petrol color palette — #E2EAF1 · #A39DB3 · #918199 · #326698 · #030A13

Built around Peacock, softened by Heather — the whole palette hums with trust and stability.

The five colors

• Frost (#E2EAF1): a clean, paper-quiet neutral.
• Blue Fog (#A39DB3): A luminous, dusty violet — the color of wild irises.
• Heather (#918199): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#326698): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#030A13): 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

• Wandering Navy color palette (#EDE3EC, #B39DAE, #9A7C8F, #194381, #0F050F)
• Worn Onyx color palette (#EEE5EE, #978892, #815F70, #002955, #030004)
• Violet Courtyard color palette (#DFDFEB, #C3A8BA, #B28C99, #8E56A5, #131120)
• Antique Iris Loft color palette (#CCE2F8, #8978B5, #8D5475, #414F2B, #0D1600)
• Antique Iris color palette (#E8EFFB, #D9CEE0, #C3B2C1, #7C8DD4, #272E3B)
• Feathered Grape Lagoon color palette (#DDE5C1, #0080C8, #712EB2, #374000, #00001A)
• Faded Olive Archive color palette (#D3E7D5, #8F8E00, #387304, #43436B, #000804)
• Antique Balcony color palette (#E0E7FC, #00ADE8, #7088FF, #AC34A9, #070018)

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