Hushed Petrol color palette — #F9EBE3 · #80BCCE · #006FA5 · #005148 · #192C52

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

The five colors

• Cream (#F9EBE3): a clean, paper-quiet neutral.
• Ash (#80BCCE): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#192C52): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Petrol Study color palette (#DFECEB, #6EC1DB, #00759A, #004A52, #001827)
• Dusty Boulevard color palette (#FCF3ED, #9BCDE6, #427BB8, #00605F, #4C3045)
• Tempered Parlor color palette (#EBE1D8, #66A6D2, #1B4FB2, #003D42, #1C1547)
• Patina Villa color palette (#C2E8E0, #009EA5, #00687B, #003F57, #251D4C)
• Washed Atelier color palette (#E9F1EA, #9DDFF3, #30B1EC, #009190, #082F51)
• Hushed Hollow color palette (#C7E9FF, #009EDF, #005B7E, #002C44, #0C142B)
• Airy Field color palette (#D4F7E5, #A6C9FF, #AC82D2, #007165, #00382E)
• Dusty Garden color palette (#F1DFD6, #509DA3, #005268, #003122, #001528)

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