Hushed Petrol color palette — #DEEEE1 · #5FC3DE · #00749F · #004B4A · #00172D

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

The five colors

• Honeydew (#DEEEE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5FC3DE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Petrol Loft color palette (#FBEBE2, #80BCCD, #016FA4, #005147, #152C57)
• Soft Harbor color palette (#DAE8DD, #5EA4D4, #0056A9, #003842, #03042A)
• Faded Atelier color palette (#EBF5ED, #A7D5FF, #4F80D8, #005F75, #1B1F4C)
• Cerulean Cabin color palette (#EEF0E4, #A4D1B7, #0093BE, #006A74, #003249)
• Tempered Cerulean Balcony color palette (#DEF0E1, #009CA5, #005263, #002D24, #00050A)
• Hazy Plum Archive color palette (#F9E2EC, #BD007F, #636200, #00546F, #11041B)
• Washed Studio color palette (#EEE2FF, #CD37A2, #007E5E, #7A0E5E, #00170E)
• Amber Lantern color palette (#F3E6FF, #FEAFB2, #DB8761, #734578, #241329)

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