Airy Amber color palette — #F7D8C9 · #C57600 · #785900 · #463E00 · #181E00

A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7D8C9): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#C57600): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#785900): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#463E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#181E00): 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 Airy Amber 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

• Amber Meadow color palette (#ECE1D7, #C98500, #A17400, #705600, #251D00)
• Hazy Ember Parlor color palette (#FBDFE2, #D35D48, #944800, #533300, #2A1F00)
• Timeworn Bronze color palette (#F0E3D2, #9D8700, #6A6E00, #284D00, #002610)
• Antique Chestnut color palette (#DDF1E1, #90905C, #795C00, #5C3100, #0D1B00)
• Bronze Parlor color palette (#DFF4E5, #B5D38D, #51BD9F, #A05200, #252A00)
• Indigo Alley color palette (#D6E4D8, #AB7E00, #6D57E6, #6A4D00, #1B0052)
• Tempered Alley color palette (#E4E1C7, #837600, #2E56E6, #5D1AD5, #151200)
• Magenta Coast color palette (#E1E5F6, #FF4EE4, #7C7F00, #171800, #000603)

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