Hushed Petrol color palette — #E7F2E9 · #77BFC8 · #00748E · #005147 · #00324A

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Mint Leaf (#77BFC8): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Airy Bloom color palette (#E6F2E8, #80B9DE, #0068C0, #004E5A, #1E2B53)
• Softworn Petrol Villa color palette (#F0E5EE, #5CC5D0, #00749F, #004E2C, #031335)
• Iris Loft color palette (#E5F7FF, #91D0FF, #8698EC, #006666, #1B3647)
• Turquoise Corridor color palette (#EFF0E0, #9EE0E8, #45B5CB, #00918D, #003441)
• Muted Grove color palette (#D4F5ED, #009D99, #006871, #004653, #162946)
• Linen Cobalt Hollow color palette (#F0F8F1, #9ED7F8, #0082DC, #006571, #2C3F65)
• Worn Cerulean color palette (#F9EBE6, #7AD5E0, #0991C7, #007044, #1C2D4E)
• Dusty Lagoon Chapel color palette (#E6F3E8, #44A09B, #00545B, #003121, #00171E)

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