Hushed Petrol color palette — #EBF9F3 · #F9E3B6 · #3C7F9F · #003E56 · #04130D

Slate and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Peach Cream (#F9E3B6): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#3C7F9F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E56): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#04130D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Aged Cobalt Lantern color palette (#FFF0F9, #F9E3B6, #6D71A5, #31335E, #170A13)
• Antique Meadow color palette (#EEF8F4, #FFC6B3, #4E9CD7, #3E6788, #122621)
• Dusty Orchard color palette (#E9F3FF, #EB9A98, #365585, #1A283B, #070D14)
• Onyx Boulevard color palette (#FFF1F5, #E7CD96, #755190, #37124E, #0C0104)
• Tempered Dune color palette (#FEF0FF, #EEBB44, #0057A7, #001E41, #030004)
• Muted Cobalt color palette (#EDF8F5, #D6DCF8, #AE8ADD, #0A90E4, #200914)
• Pale Archive color palette (#E6FBF3, #69BCF2, #D98377, #8A7000, #092B22)
• Amber Canyon color palette (#D5E6E0, #B28600, #002E4B, #090F13, #000103)

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