Hushed Petrol color palette — #EEF7F7 · #D8DBEC · #7F9CBB · #44768C · #445469

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#D8DBEC): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7F9CBB): A luminous, dusty blue — the color of open sky before noon.
• Slate (#44768C): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#445469): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Lilac Orchard color palette (#EAF8FC, #78BEC1, #9C8EC9, #278185, #454A6B)
• Aged Ash Grove color palette (#E6F9FF, #D3DBE7, #B9ABAE, #699BA5, #3C535C)
• Softworn Petrol Delta color palette (#E6F1F0, #8FB8CD, #007391, #004F54, #003347)
• Hushed Cerulean color palette (#E6F9FF, #58A7A8, #6F8ABA, #697F54, #2A4750)
• Weathered Station color palette (#E1F3EF, #519DA1, #00545D, #00302C, #00171D)
• Dusty Corridor color palette (#EAF9F6, #96DCE3, #008FA4, #006763, #004759)
• Aged Pewter Orchard color palette (#FEF1F8, #CFACBD, #977488, #725269, #554149)
• Petrol Corridor color palette (#EEF7F6, #D5DCED, #7E9DB7, #427885, #435566)

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