Amber Field color palette — #FFD2D1 · #FFA182 · #E88200 · #947300 · #3F4200

A conversation between Tangerine and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD2D1): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FFA182): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#E88200): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#947300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3F4200): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Feathered Amber Field color palette (#FFE7E2, #FFAB66, #C69400, #8C8500, #354807)
• Sunlit Apricot color palette (#FFDFD7, #FF8444, #C16B00, #885A00, #4A3800)
• Amber Workshop color palette (#FFF2EC, #FFB680, #DB8000, #875500, #472F00)
• Sunlit Ember Courtyard color palette (#F0E0EB, #FFA3B2, #FE5E3B, #BE6300, #594000)
• Muted Amber color palette (#FDD9C8, #CF8B00, #987A00, #445C00, #022B04)
• Feathered Honey color palette (#FFEBD8, #EAC453, #DC9046, #B06961, #37362F)
• Pale Marigold color palette (#FFF4DE, #FFCB71, #D5A000, #996E00, #312000)
• Patina Studio color palette (#EFE3D9, #F4B518, #A4B000, #4B8B10, #004C2F)

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