Amber Orchard color palette — #FFF1F1 · #FFA080 · #D07A19 · #7F5A00 · #352E00

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Melon (#FFA080): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D07A19): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#7F5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#352E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber Orchard 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

• Chalky Amber color palette (#F6E7E1, #EFA36F, #DC8319, #AB6A00, #4D3300)
• Faded Amber Summit color palette (#FFF2E9, #F0B867, #AD8B00, #636500, #1F3400)
• Chalky Coral Workshop color palette (#FFF0F7, #FFA8B5, #E16A61, #954600, #482800)
• Misty Tangerine color palette (#FFDBD3, #EA7B02, #845700, #3F2F00, #0F0E00)
• Bronze Corridor color palette (#F6D7C2, #A76E00, #5D4D00, #262800, #010200)
• Hazy Amber Bloom color palette (#FFF4E1, #F3D17E, #AE8011, #634500, #150D00)
• Washed Chestnut Market color palette (#FFF1F6, #ADD2B6, #A9815A, #804633, #00291B)
• Weathered Periwinkle color palette (#FFF1F6, #FCAA64, #7FA4FF, #AB5E00, #132353)

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