Hushed Petrol color palette — #DDF4FF · #0073A5 · #004874 · #002A50 · #00071A

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

The five colors

• Frost (#DDF4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004874): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002A50): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00071A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Timeworn Boulevard color palette (#D5F1F0, #007A80, #004C55, #002A33, #00080D)
• Twilit Hollow color palette (#C7F3ED, #00738B, #003F64, #03004F, #010009)
• Powdered Mulberry color palette (#CFE5FF, #0068C4, #9D0068, #00376D, #120008)
• Powdered Orchard color palette (#DAEDFF, #006AC9, #0034A3, #0F0E78, #030023)
• Aubergine Orchard color palette (#E1EDFF, #0050B9, #7C0A84, #004746, #000108)
• Pale Dune color palette (#DEE5F4, #8F9EFC, #8F7AC7, #0D5294, #050625)
• Muted Drift color palette (#CAE3FE, #5C9CFF, #3C6AEF, #37499B, #28275C)
• Lapis Lantern color palette (#D8E5FC, #2F49FF, #3616C4, #260070, #080020)

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