Hushed Petrol color palette — #F4F3E1 · #8AC1AB · #358288 · #684D4A · #222B19

A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4F3E1): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8AC1AB): A luminous, dusty teal — the color of sea glass.
• Teal (#358288): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#684D4A): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#222B19): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Chestnut Lagoon color palette (#FAF0E2, #ABBB89, #458460, #704E00, #2B2812)
• Teal Thicket color palette (#F3F3E3, #62B294, #007379, #474740, #16200B)
• Hazy Bloom color palette (#CBFFED, #6FD2A3, #0E8C70, #004B3B, #001D14)
• Muted Teal Dune color palette (#E4FBF7, #B4F7D5, #5CAFA0, #697D67, #203E3F)
• Lagoon Summit color palette (#E9F9F6, #9ED2BA, #559E9A, #82687B, #234A4B)
• Lime Orchard color palette (#ECE1A8, #9BBE4F, #428742, #00584A, #1A351E)
• Dusty Jade color palette (#F1F5DC, #70B872, #BA72A0, #3C733F, #3B1A30)
• Ancient Cypress color palette (#FBEFEA, #C5E6CE, #6094B6, #316B51, #392336)

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