Hushed Petrol color palette — #E7F1E9 · #7CC6C2 · #007580 · #00402D · #000305

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

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Mint Leaf (#7CC6C2): A luminous, dusty teal — the color of sea glass.
• Teal (#007580): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000305): a grounded near-black with real depth.

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

• Muted Canyon color palette (#E6F2E8, #83C0E1, #006AB2, #003D44, #000112)
• Washed Cerulean Balcony color palette (#ECF9EF, #92D9E4, #0087A8, #00524A, #000E1A)
• Periwinkle Meadow color palette (#DEF6FF, #95D5F1, #75A0EB, #006052, #00070A)
• Feathered Grape color palette (#C6E9F6, #00757C, #8B009E, #573E00, #000102)
• Powdered Brick Pier color palette (#D7EBF1, #009091, #C1002C, #004546, #040000)
• Lagoon Pier color palette (#F5ECE0, #41A19C, #00545C, #003122, #00171F)
• Hushed Bloom color palette (#97F2FF, #00ACC2, #005C69, #001A1F, #000102)
• Soft Pine color palette (#ECE0ED, #71C0BA, #0092AF, #15720F, #001529)

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