Hushed Petrol color palette — #E2F0E9 · #B0CCC1 · #8FACA4 · #006A89 · #0E241B

A conversation between Peacock and Taupe, giving this palette its sense of trust and stability.

The five colors

• Cream (#E2F0E9): bright and airy, almost weightless.
• Oat (#B0CCC1): A whisper-light, dusty teal — the color of glacier melt.
• Taupe (#8FACA4): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006A89): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#0E241B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Denim color palette (#D8E2DF, #D1BCD1, #B79AB2, #16659D, #13231F)
• Worn Abyss color palette (#D8E1DC, #AEBDB8, #9B8699, #004C60, #0E241A)
• Jade Field color palette (#DDE2CE, #1EAC74, #007258, #0A504B, #161E01)
• Aged Garden color palette (#F5ECEF, #E7D1D6, #D1ADB2, #7D6599, #352A2E)
• Misty Azure Archive color palette (#C5E9DE, #00BFE9, #049DED, #4C6ACA, #00162C)
• Wandering Lagoon color palette (#EEF8F4, #CFDFE1, #D5C2C7, #6A9B8A, #3F4B46)
• Timeworn Loft color palette (#ECDDE6, #B69CA8, #997D87, #3D3A7E, #12040D)
• Washed Pier color palette (#D4E6FF, #778CDE, #7265A5, #623647, #3A1A0F)

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