Misty Amber color palette — #FBDFD2 · #BE7100 · #735600 · #473F00 · #00341A

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

The five colors

• Shell Pink (#FBDFD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#BE7100): A luminous, balanced gold — the color of old brass.
• Coffee (#735600): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#473F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#00341A): A deep, shadowed, dusty teal — the color of sea glass.

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 Bronze Delta color palette (#F8E6D5, #9C7600, #505000, #293800, #00251F)
• Soft Marigold Drift color palette (#FCDDC7, #E39F42, #AF8200, #7C6C00, #323000)
• Weathered Studio color palette (#FCDDDD, #F15132, #8A4500, #553300, #222D07)
• Linen Moss color palette (#F0EEA1, #9C9800, #5D5600, #322E00, #1B1A00)
• Pale Veranda color palette (#F2E9C8, #839200, #3D6400, #004C25, #003529)
• Misty Lapis color palette (#EBDCC3, #9D7900, #5859CA, #5C4500, #202057)
• Washed Bronze color palette (#FFDFD5, #8BB6FF, #A47A00, #26270A, #191003)
• Teal Lantern color palette (#FFF0D1, #B3D290, #36B797, #884D21, #34322C)

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