Soft Amber color palette — #FFF3E4 · #E9CC8E · #BF8500 · #865200 · #312700

Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E9CC8E): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#BF8500): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#865200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#312700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Soft 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

• Moss Basin color palette (#FDF5DB, #C9D98D, #989800, #6D6000, #2C2904)
• Pale Ember Pier color palette (#FFF2EA, #FFC098, #E26A25, #97422B, #3B2103)
• Mustard Corridor color palette (#FFF3E5, #E3B24F, #AA7100, #704000, #201700)
• Antique Parlor color palette (#FAECDF, #AB7B3C, #713F00, #381700, #020100)
• Washed Cocoa color palette (#FFEBD2, #A59F63, #8D5E00, #7A2E0C, #36362F)
• Honey Veranda color palette (#FFEBD3, #E1C756, #D2973D, #A97051, #323A0E)
• Terracotta Balcony color palette (#FFDECA, #D38356, #A13800, #610700, #090200)
• Velvet Olive Coast color palette (#EFE7D7, #7E7500, #473B00, #1A1100, #020100)

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