Hushed Petrol color palette — #DAE9E2 · #147AA6 · #402A3B · #0C241C · #03100D

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

The five colors

• Parchment (#DAE9E2): a clean, paper-quiet neutral.
• Cerulean (#147AA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#402A3B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#0C241C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#03100D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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 Boulevard color palette (#F9EEF7, #667BB0, #49363D, #332230, #141C1D)
• Worn Cypress color palette (#DCE9D9, #008379, #1C392B, #162313, #080F0A)
• Timeworn Atelier color palette (#D9E9E3, #009ADA, #334F6D, #20322C, #131A17)
• Softworn Corridor color palette (#D7E7F3, #1BB8F9, #647086, #404B54, #121A1D)
• Eclipse Lapis color palette (#F5DEEA, #684FC5, #3D1B40, #181035, #16050B)
• Cellar Ultramarine color palette (#EFD4F0, #0058AF, #211147, #000C23, #000204)
• Lowlit Orchard color palette (#E0F1EC, #003C62, #071317, #070027, #000205)
• Washed Lantern color palette (#FFF0F9, #7C82C2, #957700, #45722E, #4A2D41)

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