Timeworn Amber color palette — #FAF5EA · #AD9737 · #37789D · #5B4B6F · #5A3835

Mustard and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF5EA): a clean, paper-quiet neutral.
• Mustard (#AD9737): A luminous, balanced green — the color of fresh herbs.
• Slate (#37789D): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5B4B6F): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#5A3835): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, 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

• Hushed Jade color palette (#F6F7E7, #79A764, #5371A2, #71454C, #433D38)
• Hushed Veranda color palette (#F5F2E6, #9FA162, #686D9A, #434776, #381B35)
• Dusty Amber color palette (#FFF2EB, #D77C58, #2B8166, #455179, #53384D)
• Washed Hollow color palette (#FFF4DF, #C9C69E, #8F9D8A, #7E6C6F, #634B43)
• Mint Loft color palette (#FFF5D2, #A4C779, #579460, #3A735C, #3E533B)
• Timeworn Balcony color palette (#FCF3EF, #C9EBE5, #68A2BF, #627652, #5C4D5D)
• Ultramarine Field color palette (#FCF7D3, #728900, #1055B1, #5D1F6A, #581224)
• Weathered Iris color palette (#EFF8F3, #CDCA9A, #6FB7BC, #8D79BE, #56364F)

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