Airy Ember color palette — #FFF1F1 · #FFA591 · #D66514 · #774C00 · #3F3202

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Melon (#FFA591): A luminous, balanced orange — the color of toasted spice.
• Pumpkin (#D66514): A luminous, vivid orange — the color of toasted spice.
• Bronze (#774C00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3F3202): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Airy Ember 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

• Misty Study color palette (#FFF0F8, #FFABC0, #E56663, #90462D, #492809)
• Hushed Basin color palette (#F2DCE0, #FE9890, #E17C42, #956B00, #423A00)
• Honey Field color palette (#FFF1EA, #FFB65C, #B28500, #686100, #2B3601)
• Weathered Amber Pier color palette (#FFF1F7, #EDBF78, #BA7848, #7B4841, #0F271B)
• Dusty Archive color palette (#FFF3E3, #FFC77F, #B77C00, #614100, #1D0D00)
• Tangerine Alley color palette (#FFEBE9, #F86B00, #884F00, #4C3400, #0A0800)
• Timeworn Bronze color palette (#F0E2DB, #B06C00, #644900, #2D2800, #020400)
• Pale Boulevard color palette (#FFF1F7, #FFA766, #59ADF1, #B15D01, #002A47)

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