Amber Field color palette — #FBDDD4 · #D47600 · #825400 · #3A3000 · #0C0C00

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

The five colors

• Shell Pink (#FBDDD4): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#D47600): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#825400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3A3000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0C0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Tempered Amber color palette (#FEE8D2, #BE9100, #6B6400, #2B3F00, #001802)
• Aged Bronze color palette (#FFE8DC, #B96700, #684200, #3A2C00, #101F04)
• Worn Market color palette (#D3EED5, #A59C59, #7E5700, #502400, #030500)
• Weathered Grove color palette (#EFDCDF, #FF5F66, #993D00, #4D2900, #0E0700)
• Chalky Mustard Meadow color palette (#FFF4AA, #C4A800, #7E6400, #272200, #020100)
• Tempered Canyon color palette (#DBF7DF, #C99622, #095FEA, #644800, #00051F)
• Rust Grove color palette (#E6FDE6, #DFF4AA, #4ED9AD, #AB4B1B, #141100)
• Olive Workshop color palette (#E6E3D4, #797800, #2B5000, #002207, #000201)

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