Hushed Petrol color palette — #FEF2F1 · #D69EB8 · #8D9155 · #05729D · #5D3537

Peacock takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF2F1): a clean, paper-quiet neutral.
• Mauve (#D69EB8): A luminous, dusty rose — the color of pressed rose petals.
• Moss (#8D9155): A luminous, balanced green — the color of fresh herbs.
• Peacock (#05729D): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5D3537): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, 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

• Petrol Meadow color palette (#FDF3EF, #DD9E9C, #659A79, #6A5E9C, #5E3438)
• Shell Terrace color palette (#FCF1FC, #FFB5B7, #83A673, #4E6C95, #2E3751)
• Aged Olive Courtyard color palette (#F1F7F0, #B69061, #627B2E, #076154, #54374D)
• Gentle Delta color palette (#FEF3E9, #D7935D, #009394, #8B3780, #572917)
• Worn Sand Corridor color palette (#FDF3EC, #FFB384, #B3AC6F, #6B9274, #5A3833)
• Wandering Fern Lagoon color palette (#FBF4EB, #D9D1B5, #9D9F77, #9C7072, #5D4B00)
• Tempered Mulberry color palette (#F5E6CA, #A78900, #00787D, #7B006E, #2D2300)
• Softworn Field color palette (#FBEFE6, #C18F6C, #715200, #542D00, #27201D)

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