Hushed Petrol color palette — #F1F3EB · #C7DFDF · #78A897 · #327585 · #1D3D35

Teal and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C7DFDF): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#78A897): A luminous, dusty teal — the color of sea glass.
• Teal (#327585): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#1D3D35): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Basin color palette (#E9EADE, #9ABEA1, #007989, #004B48, #001921)
• Denim Grove color palette (#E6E9DE, #68A6BE, #006084, #003840, #000C18)
• Ancient Petrol Garden color palette (#F0F3EC, #C2E4E9, #AF90B0, #44718A, #432E41)
• Timeworn Lagoon color palette (#F2F3E7, #93E0DC, #00959B, #006455, #002B30)
• Ancient Navy color palette (#E0E4D6, #4F7E9E, #003D6A, #001E29, #000105)
• Softworn Ridge color palette (#FCEEEC, #DE9EB6, #AC9B65, #975D74, #34312A)
• Tempered Powder Villa color palette (#FAF4EF, #C6DDE8, #BABFF0, #7E9B7B, #5D4457)
• Weathered Driftwood color palette (#FFEDEA, #E0D5C9, #A9AEB9, #A87977, #4C3B37)

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