Amber Lantern color palette — #FFF2ED · #FFBB98 · #E67600 · #8C4F00 · #472B00

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FFBB98): A whisper-light, balanced orange — the color of sun-warmed clay.
• Tangerine (#E67600): A luminous, vivid gold — the color of old brass.
• Ochre (#8C4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#472B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Worn Amber color palette (#FFF3E8, #FFBD67, #B27E00, #7B5D00, #362A00)
• Muted Tangerine Field color palette (#FFE3E4, #FF9D84, #F07600, #9F6E00, #4D3B00)
• Muted Garden color palette (#F1E0C9, #B98600, #7A6100, #3C3300, #100E00)
• Ancient Rose color palette (#FFF1F3, #FFBFC3, #F24C4D, #B1251C, #632009)
• Faded Apricot Archive color palette (#FFE2D1, #EE9233, #B66E00, #6B4500, #241700)
• Hushed Mustard Harbor color palette (#FFF4DD, #F5DB8D, #BAA947, #7E7825, #3B3A33)
• Frosted Fuchsia Boulevard color palette (#FFF3E8, #FFB57A, #E283F2, #BA6500, #45164D)
• Clover Market color palette (#FFF3E5, #EB9B00, #5EB73A, #D35376, #311C00)

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