Hushed Petrol color palette — #ECDDCD · #A9A973 · #6F936B · #3D6695 · #272246

Peacock and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#ECDDCD): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A9A973): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#6F936B): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#3D6695): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#272246): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Airy Study color palette (#FAEBE1, #C19D6E, #918B38, #006B82, #002953)
• Weathered Denim color palette (#EAE7CF, #8D9B6F, #4D896E, #4A549C, #270637)
• Teal Basin color palette (#E0E2D1, #99CB8A, #26B290, #726FC0, #562859)
• Ancient Azure color palette (#EEE8DF, #9FCBBB, #5295E0, #007A8D, #0B1652)
• Turquoise Station color palette (#DAF1E0, #A3BA9D, #52A3B8, #8C6589, #54202D)
• Hazy Lagoon color palette (#FFD7D9, #D19C66, #508B3B, #5E2C61, #220425)
• Aubergine Harbor color palette (#FFE6E3, #BE8773, #86731D, #693770, #480625)
• Hushed Olive color palette (#F8E0C3, #847F00, #345A29, #132B4A, #14082D)

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