Hushed Petrol color palette — #DEECF8 · #0072AA · #714D00 · #002E49 · #020100

A conversation between Slate and Bronze, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEECF8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#714D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002E49): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020100): quiet, heavy and certain.

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

• Soft Boulevard color palette (#D8E7FF, #4665BA, #6A5000, #0B0089, #020100)
• Obsidian Denim Corridor color palette (#D0E1F8, #004F9E, #5D3200, #001F46, #0D0400)
• Mulberry Balcony color palette (#C9E9F5, #007982, #A0002B, #003236, #040000)
• Amethyst Delta color palette (#ECEDFF, #814DB2, #5A5800, #3E0064, #010100)
• Quiet Alley color palette (#CCEDE4, #0081DA, #9B6300, #005795, #0B0400)
• Dusty Olive Balcony color palette (#D5F7E6, #597F3F, #423E00, #1D0F00, #000201)
• Peony Field color palette (#D8E9F9, #C0B1E4, #CF62A3, #00494C, #00000C)
• Aubergine Basin color palette (#E4E6FA, #9A70E1, #00763C, #44007F, #000200)

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