Softworn Amber color palette — #FFF3E9 · #BB9100 · #32795C · #53466B · #3F3D36

Mustard and Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Mustard (#BB9100): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#32795C): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#53466B): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Amber Balcony color palette (#FFF3E4, #DB7A41, #5B7425, #424A74, #413C36)
• Aged Moss color palette (#FFF2EE, #70AA56, #007789, #683E55, #3B3E38)
• Patina Taupe Parlor color palette (#DFF9EB, #9CA35B, #567645, #005059, #002A20)
• Airy Bronze color palette (#FEF4E0, #A38500, #525CA2, #57386F, #442E4D)
• Tempered Lime Pier color palette (#FAF6E1, #FFD5BC, #ACC35E, #399D96, #3A3A33)
• Ancient Teal Canyon color palette (#F5F6EA, #82BEAE, #417E88, #70514B, #3A4733)
• Aubergine Lantern color palette (#FFDBD2, #828300, #005F59, #5B0069, #0C3200)
• Washed Cocoa color palette (#FFF3E7, #BFBB9A, #7C8E77, #815D5E, #793D1D)

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