Worn Amber color palette — #F2EAE0 · #BA7800 · #005D4C · #5C3800 · #061100

Mustard and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#F2EAE0): bright and airy, almost weightless.
• Mustard (#BA7800): A luminous, balanced gold — the color of old brass.
• Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#5C3800): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#061100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged duotone, muted.

Use it as a design system

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

• Aged Villa color palette (#FAF4EC, #C28F2A, #006C6C, #694900, #0E1C0F)
• Faded Pier color palette (#F6E8E1, #DA5A35, #005F30, #751E00, #0B0F00)
• Amber Dune color palette (#DCE8E0, #A98A00, #485F00, #554500, #000302)
• Aged Bronze Studio color palette (#EBE4D7, #8F7300, #004753, #3E3000, #000502)
• Muted Corridor color palette (#EEECDE, #829300, #00586E, #3E4700, #001208)
• Soft Balcony color palette (#F6D8BD, #877800, #005C38, #510263, #1F2800)
• Soft Moss Quarry color palette (#F4E6D3, #988E00, #376700, #003D2A, #002825)
• Aubergine Studio color palette (#F6EAD6, #735700, #00424E, #49004E, #180F00)

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