Hushed Petrol color palette — #F2F5FF · #DED7E1 · #ACABE6 · #635EA5 · #2A274C

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Silver (#DED7E1): a clean, paper-quiet neutral.
• Mauve (#ACABE6): A luminous, balanced violet — the color of a velvet chair.
• Slate (#635EA5): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#2A274C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged monochrome, muted.

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

• Ancient Petrol color palette (#EDF7FF, #D5D9E4, #7FBBE4, #2078A7, #00334C)
• Patina Pewter Chapel color palette (#F7F3FF, #E0D5DE, #D8A0C9, #89517F, #3A1C35)
• Washed Powder color palette (#F2F5FF, #E6D4EE, #B7A9F4, #8181B8, #2D3855)
• Aged Delta color palette (#FFECF5, #C6C2FF, #7D7CB3, #4E476E, #2B1222)
• Powder Station color palette (#F1F5FF, #DDD7E1, #AFBDF0, #BCB1AB, #4B5064)
• Aubergine Parlor color palette (#FDF0FF, #DFA7EC, #A152B6, #5E0071, #070009)
• Washed Orchard color palette (#FFF1F6, #CEECE2, #CBA686, #936D80, #344435)
• Aubergine Thicket color palette (#DFDCEA, #906FCC, #4F009B, #200B13, #080018)

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