Hushed Petrol color palette — #E7F5FA · #80C0C6 · #C88A82 · #00818B · #40273C

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

The five colors

• Ivory (#E7F5FA): a clean, paper-quiet neutral.
• Ash (#80C0C6): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#C88A82): A luminous, dusty orange — the color of autumn markets.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#40273C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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 Petrol color palette (#E8F3FF, #94B7DE, #BA946D, #4474A9, #442732)
• Softworn Corridor color palette (#E5F6F5, #90C1A1, #B78CB1, #47805D, #342C45)
• Petrol Canyon color palette (#EDF9F0, #79BCCA, #CB8187, #008194, #684238)
• Ancient Bloom color palette (#E2F5FF, #D3D7E6, #CFB1D3, #598F9A, #2A3E4B)
• Turquoise Orchard color palette (#E1F6FF, #44ACBE, #A97CA3, #8C7635, #152B34)
• Ancient Pewter color palette (#FCEDF3, #AAC3AB, #9A7785, #6E4C60, #1F3125)
• Ancient Harbor color palette (#E9F3FD, #A9CEB1, #49647F, #223343, #0D151C)
• Patina Garden color palette (#E4F5FF, #2AB7E6, #B55500, #006581, #371500)

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