Misty Amber color palette — #FCDCE7 · #B17C04 · #7C4700 · #57280F · #102A1B

Mustard and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Shell Pink (#FCDCE7): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B17C04): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#7C4700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#57280F): A deep, shadowed, dusty orange — the color of toasted spice.
• Deep Forest (#102A1B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance, Grounding. Tagged earthy, 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

• Patina Garnet color palette (#FFE6EF, #9B8351, #7C4600, #5A1500, #00130A)
• Amber Terrace color palette (#FFD4BD, #C97700, #914000, #6F160A, #382500)
• Ancient Moss color palette (#D5EADD, #8B8E15, #655500, #4A3100, #002C23)
• Ancient Bronze color palette (#F6E2D0, #BB9955, #9C6229, #7B3522, #282500)
• Shadow Chestnut Bloom color palette (#DFF4DD, #715400, #3F2500, #1F0A00, #040300)
• Tempered Corridor color palette (#E4FCED, #A8AC79, #7F733D, #3B5B3F, #2C423D)
• Olive Study color palette (#EBECD4, #5A7200, #3C3B00, #241B00, #020F00)
• Muted Amber color palette (#CEE2E5, #B08400, #004036, #001B16, #00060E)

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