Amber Field color palette — #FEECD1 · #BE7100 · #635D00 · #004663 · #34302A

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FEECD1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BE7100): A luminous, balanced gold — the color of old brass.
• Olive (#635D00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#004663): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#34302A): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, muted.

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

• Misty Atelier color palette (#FCECD4, #9C8500, #306B09, #273B77, #32302A)
• Airy Amber Archive color palette (#F6E7D2, #C3723F, #5F5F00, #2B3368, #241400)
• Tempered Bronze Quarry color palette (#FFEFDD, #A26900, #006537, #003F5D, #3D1B45)
• Airy Rose Harbor color palette (#FFECCE, #D35763, #86480E, #004B46, #362F2B)
• Chalky Olive Delta color palette (#DBF7DE, #DC8B58, #7D7D01, #465087, #1D381D)
• Washed Pine color palette (#FBF5E0, #8AA56E, #30733D, #504945, #36362F)
• Hushed Chestnut Quarry color palette (#F4E9D8, #885C00, #3B4100, #002642, #1D1500)
• Amber Coast color palette (#FFF3E4, #FFB18B, #CC9200, #607D23, #372C00)

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