Softworn Bronze color palette — #FFEFEE · #DF9B98 · #BE694C · #7C5723 · #4B4C44

Caramel and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFEFEE): bright and airy, almost weightless.
• Rosewood Mist (#DF9B98): A luminous, balanced orange — the color of toasted spice.
• Caramel (#BE694C): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#7C5723): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#4B4C44): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn Bronze 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 Apricot color palette (#FFE2FD, #F49C91, #B77557, #7B5438, #4B2F39)
• Shell Alley color palette (#FFF2ED, #FFAA98, #D58B6C, #936749, #544F49)
• Turquoise Pier color palette (#FFF3E7, #D8A471, #11AAC7, #9E6320, #395444)
• Peony Garden color palette (#FFEDF3, #D09AC2, #BD608B, #8B4E4C, #57504B)
• Worn Canyon color palette (#FFF2EC, #CE816D, #6388D0, #5D76A7, #48413D)
• Hushed Tangerine Garden color palette (#FEEBEC, #FF744D, #9A6000, #5F4B00, #104620)
• Ancient Chestnut color palette (#FFF2EB, #DEE0CB, #96E1D5, #B07F90, #764A05)
• Powdered Ember color palette (#FDDED9, #CF6200, #7C5500, #494000, #223500)

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