Timeworn Amber color palette — #FFF3EA · #DBB596 · #C17C4F · #8C5B47 · #573400

Caramel takes the lead with Cocoa close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Sand (#DBB596): A luminous, dusty gold — the color of old brass.
• Caramel (#C17C4F): A luminous, balanced gold — the color of old brass.
• Walnut (#8C5B47): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Bronze Pier color palette (#FDF4E6, #DAC9A7, #B29860, #966B2D, #594500)
• Worn Bronze Garden color palette (#F4E5D8, #D0A575, #B56C26, #814B2C, #34302A)
• Quiet Amber Lagoon color palette (#EDDBC7, #B28326, #855400, #5C3100, #1E1500)
• Gentle Moss color palette (#F9EECC, #B1BC78, #8F8B00, #706000, #2E3B13)
• Airy Studio color palette (#FAF5E4, #9E9F3E, #BD4E86, #984034, #302413)
• Weathered Studio color palette (#EADFC7, #797200, #514500, #2F2200, #030400)
• Pine Alley color palette (#F3F7EB, #C3CA92, #2A8458, #1D4D34, #1F2417)
• Dusty Teal color palette (#EDF9ED, #00B5B5, #7D89D0, #7F5E9A, #2A372A)

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