Weathered Amber Field color palette — #F7EBE0 · #DA7700 · #006A5E · #733C00 · #000504

Built around Mustard, softened by Bronze — the whole palette hums with optimism and balance.

The five colors

• Cream (#F7EBE0): bright and airy, almost weightless.
• Mustard (#DA7700): A luminous, balanced gold — the color of old brass.
• Pine (#006A5E): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#733C00): A full-bodied, balanced gold — the color of old brass.
• Ink (#000504): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Weathered Amber Field 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

• Wandering Amber Workshop color palette (#F4EDDF, #B39100, #006773, #5D4A00, #000405)
• Airy Ember color palette (#FAEAE0, #EC6626, #0D6F14, #812E00, #000500)
• Soft Apricot Station color palette (#FFECF3, #F29000, #008A80, #975700, #001519)
• Hushed Rose Market color palette (#FFE8E1, #FC476A, #576200, #90002F, #030400)
• Ancient Amber Archive color palette (#EFDBC4, #AF9100, #4E6B00, #00411A, #001513)
• Linen Aubergine color palette (#F1DDC4, #986600, #005859, #470058, #230009)
• Aubergine Boulevard color palette (#FCE9D9, #9D7A00, #0D6B26, #44005B, #131300)
• Bronze Market color palette (#F6F1EB, #DFBD92, #199690, #996514, #0F190E)

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