Misty Amber Harbor color palette — #F9D8B0 · #D3B648 · #C98400 · #AB5526 · #272C00

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

The five colors

• Peach Cream (#F9D8B0): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#D3B648): A luminous, balanced green — the color of fresh herbs.
• Mustard (#C98400): A luminous, balanced gold — the color of old brass.
• Ochre (#AB5526): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#272C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Misty Amber 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

• Softworn Villa color palette (#FCE7D9, #DCA669, #D1703C, #A04F50, #312100)
• Soft Garden color palette (#ECDDB3, #A5C575, #A29800, #946700, #053212)
• Frosted Veranda color palette (#CAE7CA, #D09B00, #9F6C00, #764500, #332800)
• Tempered Study color palette (#FDF3E8, #E3CEA7, #CDA475, #A47F67, #3F3D36)
• Softworn Amber color palette (#E4F0E4, #AD8800, #7C5100, #552900, #151300)
• Frosted Magenta color palette (#FFECEF, #FE97F9, #D38800, #DB39D8, #1C0E00)
• Ember Market color palette (#F7E6F3, #FF90AB, #FE5636, #965600, #372900)
• Frosted Wisteria color palette (#D8F0E5, #E3AC00, #BB79EB, #563070, #291019)

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