Muted Amber color palette — #FFF1F3 · #FFAA9C · #DF7000 · #815300 · #4B3800
A conversation between Tangerine and Melon, giving this palette its sense of optimism and balance.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Melon (#FFAA9C): A luminous, balanced orange — the color of toasted spice.
- Tangerine (#DF7000): A luminous, vivid gold — the color of afternoon light on wheat.
- Coffee (#815300): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#4B3800): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Muted 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
- Amber Lantern color palette (#FFF2EE, #FFA266, #BE7E00, #675200, #313100)
- Ember Courtyard color palette (#FFF1F5, #FFBFC0, #FF593C, #9B4400, #482C00)
- Amber Atelier color palette (#FADACE, #CE8000, #7D5E00, #3B3600, #090D00)
- Weathered Amber color palette (#FFF1F7, #F9C67A, #D7731B, #9C3C32, #2F2800)
- Powdered Tangerine Meadow color palette (#F9D9D0, #FFAB89, #F57402, #C06700, #583100)
- Honey Corridor color palette (#FFF3E8, #FFC453, #AE9700, #5A6D00, #194000)
- Quiet Honey color palette (#EAFBE9, #FEB84D, #00C6CF, #A97100, #003639)
- Weathered Bronze Thicket color palette (#FAE8D3, #9B7B00, #585600, #222D00, #000300)
Browse the whole catalog at Explore, or see today's palette.