Muted Amber color palette — #FEF3ED · #F6D4CC · #F8B19B · #C4984D · #4D4641
A conversation between Mustard and Melon, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FEF3ED): bright and airy, almost weightless.
- Shell Pink (#F6D4CC): A whisper-light, dusty orange — the color of toasted spice.
- Melon (#F8B19B): A whisper-light, balanced orange — the color of sun-warmed clay.
- Mustard (#C4984D): A luminous, balanced gold — the color of afternoon light on wheat.
- Charcoal (#4D4641): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
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
- Stone Archive color palette (#FFF0FA, #EBD5DC, #ECC29E, #B4BC75, #593C48)
- Chestnut Corridor color palette (#FFF2EA, #E1B492, #AC8346, #816000, #535049)
- Aged Coral color palette (#FEF2F1, #E5D0CF, #F9A9D2, #DF816E, #573A33)
- Muted Apricot color palette (#FCEFE7, #F1CBC7, #FFAC92, #979D55, #382513)
- Pewter Bloom color palette (#FFF2EC, #DDC9B7, #978D77, #587C63, #604D62)
- Quiet Moss Atelier color palette (#FEF4E3, #FFB88B, #CE9000, #678E00, #363000)
- Hushed Villa color palette (#FCF4E8, #C5AB86, #7E97D5, #946A00, #5D4359)
- Emerald Courtyard color palette (#FAF5E5, #FFD09C, #C4C059, #3BA960, #3A3932)
Browse the whole catalog at Explore, or see today's palette.