Amber Field color palette — #FFEBD8 · #BE8400 · #7D6200 · #443900 · #161600

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

The five colors

• Cream (#FFEBD8): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#BE8400): A luminous, balanced gold — the color of old brass.
• Olive (#7D6200): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#443900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#161600): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Bronze Alley color palette (#F5E7CE, #AB7300, #675800, #004332, #1F1400)
• Amber Coast color palette (#FFDCD4, #D76D3A, #964F00, #573200, #1D1100)
• Gentle Alley color palette (#FFE5E1, #ED8103, #9C7600, #5E5A00, #011A01)
• Airy Delta color palette (#FFF3E2, #D5BD78, #A29643, #6A6900, #364400)
• Chestnut Dune color palette (#EADED5, #CFC2B3, #B2A28B, #904D00, #271D14)
• Pale Moss Corridor color palette (#DFE2CF, #759B00, #327100, #004B16, #001B0D)
• Hushed Delta color palette (#EBE5D0, #9C9E59, #587543, #185756, #00343C)
• Hushed Grove color palette (#EAE6C2, #AFB400, #6D8400, #385B00, #042F03)

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