Hushed Mustard Harbor color palette — #F9F5E8 · #BBB361 · #9F8DCA · #7B7535 · #624251

Gold takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Gold (#BBB361): A luminous, balanced green — the color of a quiet forest floor.
• Blue Fog (#9F8DCA): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#7B7535): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#624251): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Hushed Mustard Harbor 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

• Olive Corridor color palette (#F7F2E0, #B6B783, #9895CA, #767623, #422737)
• Mint Workshop color palette (#F3F8E4, #84C192, #C083A2, #4F7F5B, #664241)
• Powder Pier color palette (#EBF9F3, #C2CA93, #A7ACE5, #8A9257, #424C66)
• Softworn Apricot color palette (#FEF3E9, #E49E65, #65A0CA, #97663D, #36544B)
• Dusty Atelier color palette (#FBF5DF, #9A9F43, #8582BC, #7E6C9A, #44423B)
• Worn Bronze Boulevard color palette (#F9F5E9, #AEBF95, #967E36, #7C540F, #454D00)
• Hushed Byzantium color palette (#F9F7DB, #89B425, #9B42B2, #4B6700, #4E2957)
• Tempered Fern color palette (#F3F7EE, #E5B686, #526725, #2F4000, #1F2722)

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