Hushed Petrol color palette — #EFF6FF · #96B0DF · #AD9663 · #5572A7 · #395540

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#96B0DF): A luminous, dusty violet — the color of wild irises.
• Caramel (#AD9663): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5572A7): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#395540): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Softworn Pewter color palette (#F4F4FF, #BEA4D2, #89A274, #83639B, #2E564D)
• Aged Petrol Studio color palette (#EDF6FF, #85B6DE, #BD8D68, #4378A1, #644151)
• Muted Cobalt Grove color palette (#EBF3FD, #96B5E2, #B09A63, #3771C0, #3E2E01)
• Cobalt Bloom color palette (#FCF1FE, #A6C8EE, #C6B069, #5490D1, #504D46)
• Dusty Ash color palette (#F0F5FF, #8496C9, #B3786F, #58825F, #394353)
• Softworn Chapel color palette (#F1F5FF, #C0C5F4, #767FB2, #4A4C7E, #283653)
• Tempered Stone Coast color palette (#F4F4FD, #A5CCAD, #595A7D, #35364B, #27222A)
• Lapis Study color palette (#F1F5FF, #8980F8, #8B8100, #5542BE, #413C00)

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