Amber Field color palette — #FFEEE1 · #FFA6AC · #DD8600 · #658400 · #171000
Mustard takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFEEE1): A whisper-light, dusty gold — the color of old brass.
- Ballet Pink (#FFA6AC): A luminous, balanced red — the color of late-summer berries.
- Mustard (#DD8600): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#658400): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#171000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Faded Ember color palette (#FFEDEA, #FF93C6, #F8601C, #7F7300, #230B00)
- Hushed Amber color palette (#FFF1F6, #FF9EBD, #DB8000, #00803F, #352600)
- Hazy Marigold color palette (#FFF1F6, #FFB5A9, #F6A219, #959000, #322200)
- Worn Moss Basin color palette (#FFF1CF, #FFA275, #AFA100, #00825C, #101200)
- Moss Veranda color palette (#E8EAD2, #CF9200, #579B00, #006567, #000602)
- Muted Amber Corridor color palette (#EFDCC8, #B38100, #645D00, #354400, #061D00)
- Quiet Olive color palette (#F5DED6, #B98D39, #497C2C, #3C395F, #21194A)
- Lime Boulevard color palette (#F5F3DD, #FFAA3F, #97C03E, #009A90, #151900)
Browse the whole catalog at Explore, or see today's palette.