Airy Amber Coast color palette — #FFF2EF · #FFB58F · #C37C00 · #775700 · #3C3700

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Cantaloupe (#FFB58F): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#C37C00): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#775700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3C3700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Gentle Ridge color palette (#FFF3E5, #EBCE6F, #C6810A, #8D4B2C, #2F2702)
• Pale Archive color palette (#FFEADA, #B98600, #6C5D00, #313D00, #020D00)
• Washed Field color palette (#FFF3E9, #FEBF4C, #A09200, #627000, #1F430B)
• Ember Lantern color palette (#FFF1F5, #FFADB5, #F9601E, #9C5200, #4B2F00)
• Hushed Dune color palette (#EDDACE, #FFA451, #E58D00, #A77100, #4E3700)
• Apricot Bloom color palette (#FFDED2, #F89100, #956C00, #5D5100, #1C2000)
• Bronze Pier color palette (#E8DEC5, #8A7D00, #4B5B00, #092A00, #000603)
• Coral Pier color palette (#FFF3E5, #F9FCA6, #BEEBF6, #E78364, #443406)

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