Amber Field color palette — #FFF2EC · #FCB9A4 · #D47F57 · #9E6A4A · #564F4A

Coral Clay and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FCB9A4): A whisper-light, balanced orange — the color of toasted spice.
• Coral Clay (#D47F57): A luminous, balanced orange — the color of autumn markets.
• Walnut (#9E6A4A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#564F4A): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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

• Apricot Alley color palette (#FFF2EF, #EF9C8E, #BA7251, #835D3E, #544F49)
• Amber Lagoon color palette (#FFF3E4, #E6C78C, #BB9B2D, #857838, #4F4D46)
• Hushed Summit color palette (#FFF1F2, #F7B7D6, #DF81A4, #A76475, #64443B)
• Ancient Amber Bloom color palette (#FAE1CB, #D68A00, #956400, #6B4D00, #3B2E00)
• Timeworn Jade color palette (#FFF3E6, #D4A876, #85B56C, #C27A8C, #47413C)
• Wandering Chestnut Villa color palette (#FFF3E6, #C4FFFA, #DCDCCA, #B5947B, #744902)
• Bronze Meadow color palette (#FCD8CB, #A74C00, #663300, #391E00, #0F0600)
• Hushed Olive Coast color palette (#E4E5D2, #7A8500, #475800, #243400, #071800)

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