Hushed Petrol color palette — #F7ECE6 · #82BBCC · #166CAB · #00523F · #232954

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

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Ash (#82BBCC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#166CAB): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#232954): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Antique Forest Archive color palette (#FDEAE5, #9FBA9C, #00748D, #07540D, #013053)
• Timeworn Petrol color palette (#E3ECE5, #8FBAD0, #00749F, #004B4A, #00172D)
• Timeworn Cobalt Pier color palette (#FBF4EE, #A9CFBD, #577AA8, #006154, #36345F)
• Tempered Loft color palette (#F6EBE1, #7BA4C1, #3C5297, #003E3D, #251144)
• Washed Coral Workshop color palette (#FFEAFA, #DBB1E8, #D17C7F, #006988, #452734)
• Cerulean Orchard color palette (#FAE4DC, #3F9FA6, #00516C, #003217, #001233)
• Hushed Forest Market color palette (#FEF2F0, #CCE4CB, #4A95AD, #3B703F, #2A5048)
• Soft Periwinkle Field color palette (#F7EAF3, #A0DEF2, #4DAAFB, #009476, #252A4F)

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