Amber Lantern color palette — #FFF2EF · #FFA376 · #C87400 · #7C5C00 · #383600

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FFA376): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C87400): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#7C5C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#383600): 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 Amber Lantern 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

• Hushed Amber color palette (#FEE1D0, #E8A570, #DA8700, #9D6A00, #4B3400)
• Misty Grove color palette (#FFF1F5, #FFA9B1, #DC6A49, #894200, #4B2D00)
• Chalky Boulevard color palette (#FFF3E9, #F1C16B, #A78C00, #555A00, #1D3D14)
• Patina Amber Hollow color palette (#FFF3E6, #D9C692, #AF7F46, #7B4934, #292102)
• Dusty Amber Loft color palette (#F7D6CC, #D07400, #8F6000, #3B2E00, #0C0E00)
• Frosted Amber Balcony color palette (#FFF5D5, #FDDA8F, #AF861F, #614600, #130D00)
• Honey Basin color palette (#FFF3E4, #FFC160, #469FE5, #9D6B00, #002A48)
• Patina Pier color palette (#F7E2D0, #B37E00, #584B00, #262B00, #000200)

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