Muted Amber color palette — #F1E0D6 · #D98F3D · #9E6E00 · #655100 · #2F2A00

A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1E0D6): A whisper-light, dusty gold — the color of old brass.
• Mustard (#D98F3D): A luminous, balanced gold — the color of old brass.
• Ochre (#9E6E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#655100): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#2F2A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Timeworn Bronze color palette (#E2F5E5, #A8A06E, #8F6B0C, #6E4100, #232700)
• Linen Drift color palette (#F7DAD8, #E17B67, #B95100, #7B4100, #3C2600)
• Amber Lantern color palette (#F8EBD9, #AE8800, #695F00, #384000, #112000)
• Apricot Boulevard color palette (#FFE9E5, #FF8B2E, #B58000, #736F00, #193800)
• Chalky Mustard Corridor color palette (#E8E5A9, #BBAA4D, #837200, #454100, #161300)
• Muted Olive Garden color palette (#E3E1CB, #A3A938, #608200, #146408, #003C1E)
• Feathered Sapphire color palette (#D1E4D5, #CFA228, #3771D6, #7C5E00, #04245C)
• Patina Bronze Grove color palette (#D9F4E1, #A7DDE2, #7CC887, #9F6400, #3B3600)

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