Amber Field color palette — #FFF4E1 · #C97400 · #7A5A00 · #00542E · #4C2E00

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C97400): A luminous, balanced gold — the color of old brass.
• Coffee (#7A5A00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#00542E): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Espresso (#4C2E00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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 Studio color palette (#F8EDD7, #A57F2F, #635D00, #004C3F, #33302A)
• Hushed Ember color palette (#FFF3E5, #DC6047, #924A00, #374E00, #542614)
• Muted Cocoa color palette (#FCF4E7, #AFA46B, #6F6E03, #803904, #433B0D)
• Patina Ridge color palette (#EDE5D3, #7C6300, #3D4100, #002B27, #1B1600)
• Dusty Apricot Delta color palette (#FFF3E8, #FFC1A8, #E98700, #9E7700, #482900)
• Linen Coral Meadow color palette (#E1FEE8, #FF786D, #9E7600, #1659A9, #502A15)
• Amber Studio color palette (#DFFFE1, #FFA970, #D18E00, #4A8B53, #4D2D0B)
• Patina Rose Orchard color palette (#FFF0D7, #E75E59, #7D5B00, #00368B, #331000)

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