Misty Amber color palette — #F9DBC2 · #C17800 · #815600 · #4B3500 · #1F2903

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F9DBC2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C17800): A luminous, balanced gold — the color of old brass.
• Coffee (#815600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4B3500): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#1F2903): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Weathered Alley color palette (#E9E0BD, #988900, #676600, #393E00, #002E16)
• Linen Amber Field color palette (#FEE8E1, #DD7700, #9B6A00, #5C4800, #323300)
• Bronze Basin color palette (#EBDCC4, #A07700, #007B6F, #5D4400, #00312B)
• Hazy Villa color palette (#FFD9D1, #CD6745, #9F4200, #632E00, #432000)
• Frosted Garnet Drift color palette (#F5E7D0, #856600, #00713C, #93001E, #291D00)
• Quiet Olive color palette (#F3E1BC, #B8B16E, #807C00, #586100, #215134)
• Pine Bloom color palette (#F9F8D4, #A2BF95, #6A9B65, #347444, #4F514A)
• Pale Courtyard color palette (#EDDFD8, #00BDB2, #75A400, #022C19, #151302)

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