Hushed Petrol color palette — #E3EDE6 · #B8C9C1 · #8CADA4 · #006D7A · #16231A

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

The five colors

• Cream (#E3EDE6): a clean, paper-quiet neutral.
• Stone (#B8C9C1): A whisper-light, dusty teal — the color of sea glass.
• Taupe (#8CADA4): A luminous, dusty teal — the color of sea glass.
• Teal (#006D7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#16231A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Petrol Quarry color palette (#D8E5E0, #CBC0CA, #B89AAD, #00679B, #11231E)
• Abyss Coast color palette (#D9E3DA, #ABBEB7, #9D8695, #004E54, #152318)
• Patina Petrol color palette (#ECF7FC, #D1DAEF, #A4BED9, #006C79, #000F16)
• Tempered Lagoon color palette (#E7F1F5, #BBBFD1, #ABA2C3, #009298, #0C2329)
• Forest Corridor color palette (#F3F0DC, #6DA265, #007348, #00504E, #1B1D00)
• Wandering Loft color palette (#CDE9F5, #AA8AAA, #6E639C, #6F3A1F, #332100)
• Aged Indigo Boulevard color palette (#F6EBF1, #E3D2D8, #CBAFB3, #6C64B8, #392832)
• Aged Navy Terrace color palette (#E9DEE8, #B29EAA, #987E87, #234084, #110410)

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