Hushed Petrol color palette — #E9F1EA · #84BCC7 · #007393 · #00504A · #00314D

Teal takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#84BCC7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00314D): 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

• Cobalt Grove color palette (#F0F7F1, #ABCADC, #2B81AF, #005F61, #163C63)
• Muted Petrol color palette (#F0E5ED, #8FBBCE, #0072A9, #004E35, #091234)
• Misty Meadow color palette (#F5EDE1, #93E2F1, #00B5E6, #009287, #08314A)
• Wandering Lagoon Market color palette (#DEE7DF, #479F9F, #00535E, #003124, #001720)
• Cypress Drift color palette (#F1F7F2, #D5DEEF, #68A2BF, #007F7C, #405569)
• Hushed Chestnut color palette (#DEF6E9, #BECEA0, #68A882, #785000, #134030)
• Dusty Mulberry color palette (#DAEDE2, #786D00, #006982, #870068, #242000)
• Dusty Lapis color palette (#CFE4D6, #957D00, #5D53D2, #574800, #231962)

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