Amber Field color palette — #FFF0FA · #FFD3DC · #FFA48F · #BE8C00 · #50280A

Mustard takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#FFD3DC): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FFA48F): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#BE8C00): A luminous, balanced gold — the color of old brass.
• Espresso (#50280A): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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 Apricot Hollow color palette (#FFF0F7, #FFAEB9, #FF8D40, #A48400, #391C00)
• Hazy Mustard Balcony color palette (#FFF2EC, #FFD3D6, #EBBD96, #CFB100, #512700)
• Apricot Archive color palette (#F9E8E1, #FC9932, #B97A00, #7B5C00, #453B00)
• Sunlit Marigold color palette (#E4FEE2, #FFCFC1, #FFA830, #93A100, #442E00)
• Linen Coral color palette (#F8F2FF, #F0D5FF, #FFA6D3, #F56B57, #5A1E2F)
• Hushed Stone color palette (#FFE1DC, #E0AC7B, #A29968, #4F788A, #284D6C)
• Worn Amber Harbor color palette (#CFE9CD, #FF8A76, #DD8700, #787900, #1E1300)
• Ancient Emerald color palette (#FCF9C1, #FFC173, #BDB100, #00B041, #252B00)

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