Amber Field color palette — #FFDDD9 · #C88B38 · #796800 · #264F00 · #003930

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

The five colors

• Shell Pink (#FFDDD9): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#C88B38): A luminous, balanced gold — the color of old brass.
• Olive (#796800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#264F00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#003930): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Amber Coast color palette (#EEE1D4, #C19827, #746E00, #314800, #001F03)
• Muted Coral color palette (#FFD8E7, #DF7E69, #8B5800, #434300, #003808)
• Patina Alley color palette (#FFF2EC, #BCA465, #687E16, #006040, #00484C)
• Washed Veranda color palette (#FFE7F0, #C26C2A, #416700, #443175, #1F3724)
• Washed Olive color palette (#FFD6C2, #EAB76B, #AB9E38, #60882D, #003A1F)
• Ancient Mustard Station color palette (#EEE2D6, #DDA928, #938700, #436103, #063E06)
• Moss Loft color palette (#F6E7D3, #A29E00, #00752F, #004640, #0F2A40)
• Worn Amber Boulevard color palette (#E9FAEF, #FFAEA0, #C09600, #009075, #28350F)

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