Timeworn Amber color palette — #FCF4EC · #BD8143 · #548F58 · #196E60 · #423C37

Caramel and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Caramel (#BD8143): A luminous, balanced gold — the color of honey in a jar.
• Fern (#548F58): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#196E60): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#423C37): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Patina Balcony color palette (#F8F5ED, #978D4E, #007863, #005969, #392C38)
• Bronze Canyon color palette (#FDF4E7, #D19A6E, #96701F, #366546, #4C4741)
• Hushed Amber color palette (#FFF2EB, #BF7D68, #77874B, #6F5379, #433B38)
• Weathered Lagoon color palette (#FDF1FC, #7091C6, #568E5D, #0C6F5F, #463845)
• Patina Garden color palette (#FEEEEB, #CB788F, #449098, #266970, #2E1E1C)
• Timeworn Emerald Boulevard color palette (#F5F7E6, #57933D, #007E97, #22548C, #33332D)
• Ancient Driftwood color palette (#FAF4F0, #DCDAD2, #A0B1A7, #A37665, #57514E)
• Patina Blush Lantern color palette (#FBF1FF, #EC86A7, #59A9B6, #4A858E, #423946)

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