Hushed Petrol color palette — #E9F5F0 · #E7D6D9 · #D7B4BF · #00749F · #192922

Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Silver (#E7D6D9): bright and airy, almost weightless.
• Rosewood Mist (#D7B4BF): A luminous, dusty rose — the color of strawberry cream.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#192922): 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

• Petrol Lantern color palette (#ECF9F4, #E9D9DD, #D0B2C4, #0071AA, #28473D)
• Petrol Corridor color palette (#F7EFF4, #E8D2CC, #D8B6B2, #6062AA, #301F2A)
• Aged Denim color palette (#E3EBE9, #D3C8CE, #B49DA1, #0C598D, #0A1915)
• Azure Delta color palette (#EDF6FE, #D9D9E3, #B8ADB6, #2C9BDD, #263745)
• Obsidian Orchard color palette (#EFDDEB, #395ED8, #401C28, #1D061A, #000502)
• Worn Corridor color palette (#F8EFF2, #DDD5D1, #B2B1A4, #9D7683, #3B3436)
• Hushed Navy Chapel color palette (#EBE0E9, #C2ACB4, #A08686, #2A3F7B, #130511)
• Antique Olive Study color palette (#FFEEE3, #C0A367, #647400, #554070, #2B1E00)

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