Hushed Petrol Study color palette — #F0F6FA · #D9DAE5 · #C0BDD1 · #407C98 · #42494D

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9DAE5): a clean, paper-quiet neutral.
• Ash (#C0BDD1): A luminous, dusty violet — the color of wild irises.
• Slate (#407C98): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#42494D): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed Petrol Study 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

• Petrol Ridge color palette (#EBF3F8, #D7D7E1, #C1B9C7, #407E94, #242E33)
• Cerulean Atelier color palette (#EFF8F3, #E0D4D1, #AAA293, #5F99AD, #424A45)
• Washed Field color palette (#F2F5FE, #DFD5E5, #BEB5DE, #6458BE, #3A3F50)
• Wandering Lagoon Ridge color palette (#EAF9F6, #87BABB, #0E8675, #3E5F6D, #284949)
• Driftwood Meadow color palette (#EDF6FF, #A3B4D6, #8E779D, #795B3C, #42574A)
• Timeworn Abyss Balcony color palette (#D7E1E9, #A0AAB8, #787BA6, #003B5C, #061521)
• Iris Quarry color palette (#EEF6FF, #A6EFFF, #88C0FF, #8878C1, #303E55)
• Aged Aubergine color palette (#E9E8F2, #BBB6C4, #9A85A3, #5F296E, #1F1E29)

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