Hushed Petrol color palette — #EEE8DF · #72BFDE · #0072AB · #004B4F · #001534

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sky (#72BFDE): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Weathered Petrol color palette (#FAE9F2, #86BACF, #216CA8, #00504C, #1C2A59)
• Ultramarine Coast color palette (#F7EFE1, #60A2DF, #2350B2, #003746, #07012E)
• Weathered Cobalt color palette (#F7F1E8, #A4D3C2, #4C7FB6, #005967, #30152C)
• Dusty Cerulean color palette (#E4F2F0, #95CEE7, #2A90C2, #006A7A, #00314F)
• Softworn Cerulean Archive color palette (#E8DDCD, #009BAE, #005168, #002C28, #00050B)
• Washed Navy color palette (#EAE3D7, #387FB1, #00377F, #001E26, #01000C)
• Ash Workshop color palette (#F6F1EA, #BDEDEE, #76A1C8, #52745B, #40303F)
• Timeworn Archive color palette (#FFDCE7, #C1006D, #5A6500, #005277, #1D0001)

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