Weathered Amber color palette — #FFF1F2 · #FCA487 · #DB7400 · #7E4E00 · #322900

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FCA487): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#DB7400): A luminous, vivid gold — the color of honey in a jar.
• Coffee (#7E4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#322900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Weathered 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

• Frosted Amber color palette (#FFF1EB, #F2AF69, #B88C00, #676500, #253700)
• Sunlit Amber Atelier color palette (#FADFD6, #FE9D68, #E77800, #A45F00, #58370A)
• Faded Coral Loft color palette (#FFF0F8, #F49EB9, #DF6560, #A13800, #472500)
• Terracotta Corridor color palette (#FFF1F6, #DCC49A, #B17D52, #854234, #07281A)
• Tangerine Workshop color palette (#EFE0DA, #E97831, #A45000, #623500, #2D1900)
• Frosted Villa color palette (#FFF3E3, #F3CE8F, #BB7800, #674600, #190D00)
• Antique Sky color palette (#FFF1F6, #F1AF70, #43B1F0, #A96300, #002B42)
• Muted Loft color palette (#FFF1F6, #C3EDF9, #BFF5B4, #C57367, #1F3F28)

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