Hushed Petrol color palette — #F0F7F3 · #E5D6DA · #C6AAB5 · #006E8C · #313E38

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#E5D6DA): bright and airy, almost weightless.
• Rosewood Mist (#C6AAB5): A luminous, dusty rose — the color of a warm blush.
• Peacock (#006E8C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#313E38): quiet, heavy and certain.

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

• Ancient Cerulean Courtyard color palette (#EFF8F4, #EAD7DD, #D7B9BE, #5787A2, #2F3F38)
• Dusty Garden color palette (#EBF3F9, #D4D5E2, #AFB7C7, #216D90, #1B2126)
• Tempered Delta color palette (#E0EAE6, #C3B4BF, #9A84AB, #004B69, #0E241C)
• Indigo Loft color palette (#FAF3F6, #ECD6CC, #DAB1A5, #7755A9, #4A3B41)
• Ultramarine Courtyard color palette (#FAF2F8, #E2CCD3, #C994B2, #2C47CA, #3C2E39)
• Worn Cypress Orchard color palette (#F9F5E5, #76A982, #00726A, #2C4E6C, #313A00)
• Dusty Harbor color palette (#DBEACC, #83A996, #8D6579, #3A5F44, #374700)
• Timeworn Ridge color palette (#F4ECEE, #D7C8C7, #BE9685, #6E398B, #39292D)

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