Hushed Petrol color palette — #F0F6FC · #D9D8E3 · #ADB3C5 · #2E6995 · #313C45

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D9D8E3): bright and airy, almost weightless.
• Ash (#ADB3C5): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#2E6995): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#313C45): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Nightshade color palette (#F2F5FF, #D0D1E2, #AA9FC7, #5949A1, #2D3245)
• Dusty Cobalt color palette (#EFF7F4, #E3D8D9, #D1BAB6, #2889BE, #2C3F39)
• Dusty Orchard color palette (#F3F5FC, #DED8DF, #B5ABA8, #7B7FA1, #51525A)
• Antique Basin color palette (#DCE5F0, #B0B9CB, #878CA8, #12447E, #122031)
• Muted Parlor color palette (#EDF9EF, #79A791, #586B2A, #1F5264, #183E2E)
• Dusty Aubergine color palette (#E0E0E8, #9B97A8, #766C7E, #40025E, #080619)
• Gentle Periwinkle Coast color palette (#EFF6FF, #7FD9FF, #7BA2FF, #906AB7, #252C56)
• Midnight Loft color palette (#E5EEFF, #495AB0, #21233B, #0B1324, #04040A)

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