Hushed Petrol color palette — #ECF3FA · #D8D4E3 · #BBBCDD · #286EAE · #1A2633

Slate and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3FA): a clean, paper-quiet neutral.
• Silver (#D8D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#BBBCDD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#286EAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#1A2633): 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

• Worn Study color palette (#EFF6FF, #DAD7EC, #B3BCD2, #486B9F, #35414F)
• Washed Denim color palette (#E4EAF1, #C7CBD7, #A39EC3, #31548E, #0C1624)
• Periwinkle Bloom color palette (#FBF2FA, #EAD6DA, #C1ADA5, #6592D8, #3C313B)
• Midnight Ridge color palette (#DADFEC, #5B4BE5, #3B1847, #060D28, #00030B)
• Driftwood Parlor color palette (#C2E6FF, #A1ADE1, #A069A2, #375D22, #013828)
• Wandering Dune color palette (#E1E4EB, #B1B1C6, #9486A6, #3D3090, #070A15)
• Aged Grape Field color palette (#F1F0FE, #D8D0E0, #BF9FC1, #8425A2, #1A172A)
• Sunlit Brick color palette (#E8F3FF, #0F8DE0, #A5040F, #1B4400, #001F06)

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