Hushed Petrol Drift color palette — #EFE6EB · #87BDCD · #0072A9 · #004C43 · #01123A

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

The five colors

• Blush (#EFE6EB): bright and airy, almost weightless.
• Ash (#87BDCD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#01123A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Petrol Drift 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

• Muted Cobalt Alley color palette (#FAEEF4, #A7CDE6, #377FC6, #005B5A, #131F3A)
• Ancient Petrol Parlor color palette (#E0F3F1, #5FC0DD, #007295, #004F56, #00324A)
• Dusty Ultramarine color palette (#EADBE0, #66A4CE, #024AC7, #00393D, #0A002D)
• Ancient Boulevard color palette (#F6F0F3, #D6D1E7, #70A1CE, #247A74, #2D3647)
• Ancient Lagoon color palette (#F2E2EE, #369AA1, #005168, #002D1F, #00050D)
• Azure Meadow color palette (#C5F1F4, #6FD7D4, #4CA8EA, #4A5F00, #002220)
• Wandering Teal color palette (#ADF1E3, #00AA8F, #00665B, #002E24, #000705)
• Quiet Mulberry Studio color palette (#CAEBEB, #26A675, #A20476, #005438, #270019)

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