Hushed Petrol color palette — #DFE6EB · #ABB0C3 · #9396B3 · #007DA1 · #011622

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

The five colors

• Frost (#DFE6EB): a clean, paper-quiet neutral.
• Ash (#ABB0C3): A luminous, dusty violet — the color of wild irises.
• Blue Fog (#9396B3): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#011622): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Denim Lantern color palette (#DFE4EB, #A19EB2, #8B8499, #3B62A2, #010919)
• Abyss Bloom color palette (#E6F1EB, #8EA69D, #607F9F, #003C50, #000603)
• Violet Ridge color palette (#EEEFFA, #C6BBC8, #B69FB6, #9269C2, #1D1E2C)
• Ancient Denim Veranda color palette (#E6F1EA, #C3D4CF, #BE99B2, #00576A, #000401)
• Cypress Lantern color palette (#D0F2EF, #5BAA85, #008469, #00635F, #00140A)
• Frosted Iris color palette (#DCE8FF, #868CD2, #7A67A8, #774856, #390006)
• Softworn Studio color palette (#ECF7FF, #D6D8E9, #BEBDDB, #00A3E8, #1A364A)
• Worn Bloom color palette (#D8EAE1, #0090DF, #3058DC, #781465, #000B1E)

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