Hushed Petrol color palette — #ECF4EF · #C4DDDE · #CEB6CE · #00788E · #172A1F

A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#C4DDDE): A whisper-light, dusty teal — the color of sea glass.
• Rosewood Mist (#CEB6CE): A luminous, dusty pink — the color of neon signs at night.
• Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#172A1F): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Petrol Veranda color palette (#F6EFF5, #E0D4D5, #C7B8B6, #5D75A0, #312930)
• Timeworn Orchard color palette (#EFF4EA, #C8DCD5, #ABC8B2, #007E60, #202817)
• Dusty Denim color palette (#E3EBE7, #BDD1CB, #B39BAE, #005E7B, #091A13)
• Softworn Cerulean color palette (#EDF9F0, #CFDFE1, #C4B9AA, #00A4B8, #283A2D)
• Obsidian Field color palette (#D5ECE5, #0070B2, #3A1F35, #00150F, #000502)
• Worn Cypress Field color palette (#F5F4D7, #85B68C, #007E5E, #00575B, #00290C)
• Patina Cocoa color palette (#CFEDFF, #97B2E7, #9D7486, #714020, #392700)
• Lapis Ridge color palette (#FDECF6, #E2CDD5, #C2A2A8, #5245B7, #281020)

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