Amber Field color palette — #FFEFFF · #FFCED4 · #FD8F99 · #CB7A27 · #592C22

A conversation between Mustard and Ballet Pink, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
• Shell Pink (#FFCED4): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#FD8F99): A luminous, balanced red — the color of a theater curtain.
• Mustard (#CB7A27): A luminous, balanced gold — the color of old brass.
• Cocoa (#592C22): A deep, shadowed, dusty orange — the color of autumn markets.

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 Amber color palette (#FFF1F7, #FFD3D4, #F7A06F, #AF8A00, #543515)
• Blush Workshop color palette (#F8EEFA, #F7CCE4, #FF8DA9, #A4882A, #361B2B)
• Frosted Lantern color palette (#FFE2E0, #DE947F, #B05920, #804600, #5D4214)
• Frosted Coral Drift color palette (#F8F2FF, #E5C5FB, #E793CB, #DF6959, #483251)
• Ember Pier color palette (#FFF2ED, #FF8DA3, #F25A0C, #8C6000, #3B1B00)
• Quiet Apricot color palette (#E2F8E4, #FC8E4C, #B38800, #556C00, #2F2400)
• Misty Thicket color palette (#E8FBED, #F7B176, #C8A100, #35970A, #3A3400)
• Feathered Chestnut color palette (#FFF1F7, #C4946F, #3D91CC, #975000, #134669)

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