Hushed Petrol color palette — #D1E6D9 · #409287 · #00677A · #4E2A46 · #4B161E

Peacock and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D1E6D9): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#409287): A luminous, balanced teal — the color of sea glass.
• Peacock (#00677A): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#4E2A46): A deep, shadowed, dusty pink — the color of peonies in June.
• Espresso (#4B161E): A deep, shadowed, balanced red — the color of a theater curtain.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Muted Orchard color palette (#DCF4F1, #4997B0, #305A8E, #532830, #3A200D)
• Hushed Terrace color palette (#E3F2D9, #4A836F, #13566D, #4D2015, #260400)
• Dusty Lagoon color palette (#EEF0D5, #638956, #296250, #373161, #38153B)
• Feathered Villa color palette (#D6E2D8, #007C85, #A90023, #004247, #3A0006)
• Hushed Petrol Courtyard color palette (#C9F3F1, #6DAEB9, #4A8DAC, #695B9B, #311A3E)
• Ancient Lagoon Workshop color palette (#DDEDE7, #00887D, #005C60, #00323A, #08182C)
• Denim Quarry color palette (#D4EAF0, #10669A, #2E3767, #361604, #1B0B00)
• Pale Turquoise Studio color palette (#C0EEE8, #00B2D8, #496EA4, #7D3141, #5C3421)

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