Hushed Petrol color palette — #EEF0E6 · #97BBA3 · #00748D · #004F51 · #003345

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EEF0E6): bright and airy, almost weightless.
• Sage (#97BBA3): A luminous, dusty teal — the color of sea glass.
• Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Washed Cobalt Coast color palette (#F4F6ED, #ACCEBC, #1783AD, #005E6A, #143F59)
• Antique Petrol color palette (#EDF0E7, #87B8DB, #186BAE, #004C63, #082D5B)
• Faded Periwinkle color palette (#CDFEE7, #8BCBFB, #7EA2E2, #006D83, #0A3B2D)
• Hushed Cerulean Summit color palette (#C6F0F0, #00A2AC, #006874, #004350, #102741)
• Gentle Grape Orchard color palette (#C8E7D6, #007795, #5F49AD, #005C37, #00242F)
• Misty Olive color palette (#CBE6D3, #008EA3, #697100, #00535F, #292C00)
• Softworn Abyss color palette (#E1E5D5, #56889E, #00425F, #002128, #000A16)
• Petrol Alley color palette (#F4F6EF, #C0E6DA, #6D8DB2, #206A8A, #583D56)

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