Timeworn Amber color palette — #FFF3E5 · #BD8E41 · #547543 · #514476 · #403D36

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BD8E41): A luminous, balanced gold — the color of old brass.
• Olive (#547543): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#514476): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#403D36): a grounded near-black with real depth.

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

• Dusty Cabin color palette (#FFF2E9, #8AA167, #21796F, #6D395C, #3C3E37)
• Denim Terrace color palette (#FFF4E1, #C7827F, #846425, #304C80, #423C37)
• Amber Pier color palette (#FEF3E5, #AD802B, #00707E, #5C3371, #4E213D)
• Muted Olive color palette (#E2F8EB, #A59F59, #5B7624, #005153, #09291E)
• Lagoon Harbor color palette (#FDF5E0, #FFC59D, #C6B758, #19996B, #3C3A33)
• Timeworn Olive color palette (#FFF1E2, #C6BB96, #738B4A, #79555C, #70370F)
• Aubergine Pier color palette (#FFDEC1, #8E7E00, #00633B, #570070, #242E00)
• Wandering Olive color palette (#EBE5D0, #777609, #32332C, #231F10, #0D0D05)

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