Hushed Petrol color palette — #E7F0F6 · #D0D9E1 · #AAB9CB · #007BAA · #22303A

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

The five colors

• Cream (#E7F0F6): a clean, paper-quiet neutral.
• Silver (#D0D9E1): bright and airy, almost weightless.
• Ash (#AAB9CB): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#22303A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Denim color palette (#D9DFE8, #BEC5D0, #98A4C2, #3160A2, #122031)
• Ancient Azure color palette (#E9F0ED, #E4D0D6, #DAB1B4, #0CA0CC, #23322B)
• Softworn Indigo color palette (#F2F5FF, #DADCF0, #BBB9E0, #7861D0, #2C314A)
• Hushed Driftwood color palette (#E7EBF9, #9FAAD1, #8A6F9F, #7F4A52, #452B40)
• Weathered Market color palette (#F1F5FC, #DAD8E0, #C4BDCC, #7C8EBC, #434850)
• Tempered Cypress Boulevard color palette (#D3EAE9, #60B89A, #008472, #206061, #003124)
• Wandering Grove color palette (#D3E3F6, #1586F0, #7846A8, #761243, #00242A)
• Aged Sapphire Alley color palette (#D8E9FF, #2169E2, #293052, #06162B, #01050C)

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