Muted Amber color palette — #FFDFD3 · #D06E00 · #855300 · #513600 · #261C00

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

The five colors

• Shell Pink (#FFDFD3): A whisper-light, dusty orange — the color of toasted spice.
• Pumpkin (#D06E00): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#855300): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#261C00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Hushed Bronze color palette (#F3E0CA, #A98100, #6F6300, #3C3E00, #172000)
• Quiet Ember color palette (#FCEAE9, #E95F00, #8B5000, #4D3F00, #00381A)
• Tangerine Hollow color palette (#FFE3DA, #F97F22, #AE6D00, #715200, #392D00)
• Faded Basin color palette (#F4DEDB, #F03E01, #974100, #502900, #251500)
• Airy Courtyard color palette (#FFE5AC, #BC9300, #705700, #3A2900, #0A0500)
• Amber Canyon color palette (#FFE5D2, #DBAC79, #B38429, #745E19, #3A3730)
• Ancient Ultramarine color palette (#FFE9CD, #C58722, #0061BD, #684300, #001532)
• Lime Courtyard color palette (#FFEED9, #E0D74A, #7CC654, #9A5100, #221B00)

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