Amber Field color palette — #FFDDD2 · #F6A277 · #CE8200 · #856A00 · #4B4A43

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDDD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#F6A277): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#CE8200): A luminous, balanced gold — the color of old brass.
• Ochre (#856A00): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4B4A43): a grounded near-black with real depth.

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

• Dusty Alley color palette (#FFE0C6, #ECB668, #A08D00, #637522, #43453E)
• Ember Summit color palette (#FFDCDB, #F396A7, #E26C47, #9A5B24, #4B4740)
• Tempered Balcony color palette (#FFE2D6, #EC9043, #AC6A00, #735308, #4F4219)
• Gentle Bronze color palette (#FFF3E7, #E8A86D, #83A1F4, #B86B00, #334066)
• Muted Villa color palette (#FFF3E6, #CDBC94, #B4854A, #8D5A4B, #443F00)
• Timeworn Workshop color palette (#FFF4E0, #E9CB80, #BE8E00, #765600, #332A00)
• Wandering Bronze color palette (#EADDD0, #886D00, #484700, #0F2B00, #000C04)
• Misty Bronze color palette (#FFE6E3, #B96500, #735200, #3E3900, #0C1300)

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