Hushed Petrol color palette — #E7F2E9 · #88BACA · #007588 · #005142 · #003345

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Ash (#88BACA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005142): 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: 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

• Ancient Cerulean color palette (#EFF8F1, #AACBD9, #1784A6, #006058, #123F5A)
• Wandering Petrol Corridor color palette (#EEE6ED, #89BDCD, #007699, #004F23, #001533)
• Cobalt Meadow color palette (#E7F2E9, #99B5CD, #2967B6, #004E5C, #1D275F)
• Powdered Field color palette (#F7EDDE, #95E3E6, #00B8D4, #009479, #003345)
• Hushed Cypress color palette (#F1F7F2, #D1E0F3, #6AA3B5, #088071, #3C5669)
• Weathered Cerulean Harbor color palette (#E1EEE3, #438C9D, #00425B, #002221, #000A17)
• Dusty Navy color palette (#DBE9DE, #6795B9, #00449A, #002E39, #090642)
• Soft Mulberry Workshop color palette (#DCE9DF, #836700, #006B78, #80057C, #281E00)

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