Hushed Petrol color palette — #FFEEE7 · #78CBD3 · #007CA8 · #005530 · #001545

A conversation between Cerulean and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Aqua (#78CBD3): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005530): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#001545): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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 Aqua Parlor color palette (#FFF4E2, #52CBD7, #007A94, #00574B, #003850)
• Timeworn Forest Boulevard color palette (#F8F0ED, #B2D1B4, #0088AF, #00602C, #2E162F)
• Sapphire Lantern color palette (#FDEFE4, #6CC8F3, #0067EC, #00524A, #1B044A)
• Dusty Denim color palette (#EDE2DD, #60A9B7, #005E8C, #003B27, #020529)
• Frosted Glacier Terrace color palette (#FFF0FD, #37E4F0, #0099CC, #007743, #113163)
• Washed Turquoise Villa color palette (#EAFAED, #C4E8FF, #00ABCD, #007464, #00283B)
• Washed Navy Market color palette (#EBDED5, #4B8096, #003A75, #00201A, #01000A)
• Pale Sky Market color palette (#F2F3D1, #45ECD9, #31B1FB, #736000, #002318)

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