Hushed Petrol color palette — #EEF2F8 · #D8D6E2 · #C0BACF · #5E769B · #272D35

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

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#D8D6E2): bright and airy, almost weightless.
• Ash (#C0BACF): A luminous, dusty violet — the color of wild irises.
• Slate (#5E769B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#272D35): quiet, heavy and certain.

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

• Pewter Lantern color palette (#F1F1FA, #DED2DE, #C4B8DB, #84539C, #242332)
• Petrol Coast color palette (#EEF8F5, #E2D4CE, #CDB7B4, #53779D, #3D4B48)
• Antique Workshop color palette (#EDF0FF, #B5B3D9, #8F83A7, #674C5E, #3F2C36)
• Wandering Cabin color palette (#ECF2FF, #B9D6FF, #A1B2FF, #947BCA, #1B2340)
• Patina Ash color palette (#F1F6FB, #DBD9E1, #BEB3AE, #7CA2C8, #384049)
• Olive Villa color palette (#E6F6EF, #AABA90, #5C8147, #335C66, #162C26)
• Mulberry Bloom color palette (#E9E8EE, #CDC9D6, #AB9CBA, #733D77, #171420)
• Misty Indigo Alley color palette (#FBECFA, #8F95DA, #7955AB, #6F2F38, #1C2137)

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