Hushed Petrol color palette — #DFFAE4 · #7EBAC9 · #348DB6 · #17669B · #5D435E

Peacock and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFFAE4): A whisper-light, dusty teal — the color of sea glass.
• Ash (#7EBAC9): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#348DB6): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#17669B): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5D435E): A full-bodied, dusty pink — the color of a candy shop window.

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

• Cobalt Studio color palette (#EDF8F4, #83B7D9, #C28B5C, #007BB1, #524C46)
• Wandering Glacier Courtyard color palette (#E7F9FF, #83E6FF, #72BEE7, #7199B9, #44556A)
• Antique Lagoon color palette (#EAF9DD, #7DBBB2, #179A9E, #00717F, #325946)
• Patina Denim color palette (#FDF0FF, #A0B2DE, #727CB9, #6C58A0, #684350)
• Softworn Cerulean color palette (#E8FAF4, #E8D5D0, #B1A995, #549CB0, #5E4E5D)
• Antique Denim Corridor color palette (#FFEFFF, #A4DACC, #5B84B8, #255188, #1E3958)
• Nightshade Harbor color palette (#D9E5F1, #7397DA, #5059BB, #472D9F, #44305E)
• Ultramarine Alley color palette (#D7F1FC, #1CA3EC, #0074DB, #1E34C7, #313275)

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