Amber Field color palette — #F1DDD8 · #F79A77 · #E27938 · #AC6020 · #562F02

A conversation between Coral Clay and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F1DDD8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#F79A77): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#E27938): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#AC6020): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#562F02): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Pale Amber color palette (#FBD4CB, #DB724A, #A74A00, #663300, #371C00)
• Washed Coral color palette (#FFEAEF, #F895A1, #EA7276, #B85552, #5C2419)
• Hushed Amber color palette (#EADDD0, #EBAC4C, #C48D00, #997800, #4B3E00)
• Taupe Grove color palette (#FBE3CF, #DDBA99, #C88F66, #9D6D55, #342F2A)
• Linen Lantern color palette (#FFF1F3, #FFB7A8, #D26319, #804C00, #3A2900)
• Quiet Amber Veranda color palette (#FFEAD9, #F8AB6D, #6CC692, #CE7929, #004124)
• Linen Pier color palette (#FDDFBF, #EE9829, #82B65B, #CE7691, #402400)
• Antique Bronze color palette (#EEDBC5, #B17800, #8B6600, #5F4900, #191500)

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