Hushed Petrol color palette — #FFF1F3 · #A37FA9 · #2A7A83 · #2E587A · #44313A

Teal takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Dusty Rose (#A37FA9): A luminous, dusty pink — the color of neon signs at night.
• Teal (#2A7A83): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#2E587A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#44313A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Aged Driftwood color palette (#FFF2EF, #B76B76, #466A91, #524A74, #463233)
• Driftwood Dune color palette (#FFF1F2, #A76794, #8B542F, #395276, #3F2F35)
• Patina Petrol Atelier color palette (#FCF2F7, #C7977D, #7B8E4D, #0B70A4, #392F3D)
• Olive Market color palette (#FBEFE7, #AC775B, #5A783C, #005374, #2A1917)
• Aged Taupe Bloom color palette (#FFF2EA, #C48868, #797142, #634671, #5B3831)
• Worn Teal color palette (#EEF8F1, #D5C17D, #42C198, #3A93A3, #2E3843)
• Patina Bronze color palette (#FBF3EF, #DDD9D1, #A4B0A8, #B0704D, #5A504B)
• Mulberry Terrace color palette (#FFF1F1, #96436C, #00546F, #1F2F74, #32121C)

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