Muted Amber color palette — #F7EDE1 · #D28800 · #7E5A13 · #553400 · #130C06

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

The five colors

• Cream (#F7EDE1): a clean, paper-quiet neutral.
• Mustard (#D28800): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7E5A13): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#553400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#130C06): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged noir, dark, luxury, 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

• Weathered Mustard Delta color palette (#ECE4D2, #C8A723, #836E24, #5F4500, #1C1811)
• Coral Veranda color palette (#F2DED6, #F26866, #815447, #64270C, #150A07)
• Wandering Moss color palette (#EFECDD, #8FA800, #536944, #3E3D36, #100D05)
• Amber Quarry color palette (#FFF1F5, #BF7700, #3A360B, #190A10, #020102)
• Nocturne Lantern color palette (#FAECDD, #8D5600, #2A250B, #160900, #050100)
• Tempered Lime Study color palette (#E7E6CC, #90C04F, #00BCBC, #D08028, #2E2D11)
• Dusty Parlor color palette (#FAF5E8, #CBCEA0, #94AC47, #9F7B5D, #37352F)
• Weathered Emerald Parlor color palette (#DBE6C8, #00A56C, #106250, #283600, #040501)

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