Hushed Petrol color palette — #F9F3F9 · #F6B9BF · #A79A62 · #147597 · #542837

Teal and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Ballet Pink (#F6B9BF): A whisper-light, dusty red — the color of embers at dusk.
• Moss (#A79A62): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#147597): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#542837): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Washed Cypress Grove color palette (#F5F4FC, #E1BCED, #B99169, #007B75, #422F50)
• Wandering Cypress color palette (#EFF8EE, #ECC491, #5EA9A6, #007B7A, #4E2A45)
• Aged Taupe color palette (#FBF4ED, #EFBB8E, #A8B067, #59957D, #573A30)
• Washed Pewter color palette (#FFF1F5, #EFC290, #5DA7AF, #6F6099, #363454)
• Apricot Hollow color palette (#FEF1F8, #E39B75, #465A4A, #34262E, #120E12)
• Dusty Orchard color palette (#F9F3F7, #D4D5E4, #AAC7ED, #63A186, #3A5063)
• Aubergine Harbor color palette (#FFF1F8, #E9AB89, #2F9E89, #6C4790, #491B0B)
• Antique Coral Corridor color palette (#FFF2ED, #D17C7D, #597B51, #3A5576, #503952)

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