Hushed Petrol color palette — #E8F1EA · #ADCCC1 · #B79AB1 · #006D7C · #132419

Teal and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Stone (#ADCCC1): A luminous, dusty teal — the color of sea glass.
• Mauve (#B79AB1): A luminous, dusty pink — the color of neon signs at night.
• Teal (#006D7C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#132419): 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

• Aged Pier color palette (#DCE2D4, #B7CAB6, #93AB9E, #007250, #1B2211)
• Hushed Denim color palette (#DFEFE8, #C0AEBD, #AB8B9A, #005A7D, #041811)
• Aged Cerulean Thicket color palette (#E7EFF2, #BDBFCD, #AAA2B9, #0090A2, #07232D)
• Antique Cobalt color palette (#E7FAF4, #EDD6E6, #C5B5DF, #007DC4, #183A31)
• Aged Indigo Villa color palette (#F4ECF0, #E6D1D6, #D1ADAD, #7066AC, #382931)
• Aged Driftwood Alley color palette (#EFF8F3, #E3D3D1, #AA9F91, #6E9B84, #404B45)
• Weathered Parlor color palette (#F6EAF3, #B59DA7, #997E82, #273E89, #11050F)
• Hushed Periwinkle Balcony color palette (#D8F3FA, #6493DD, #7E659B, #504C45, #332305)

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