Frosted Amber color palette — #FFF2EF · #FFA682 · #C07600 · #785800 · #373200

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#FFA682): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C07600): A luminous, balanced gold — the color of old brass.
• Coffee (#785800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#373200): 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 Frosted 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

• Wandering Garden color palette (#FFF2E9, #E7B363, #A38800, #515D00, #1A3707)
• Faded Quarry color palette (#FFF1F5, #FFAEB0, #DE6344, #8A4200, #4C2D00)
• Amber Boulevard color palette (#FFE7DA, #F79C53, #DB8200, #AB6E00, #4A3200)
• Weathered Ridge color palette (#FFF3E6, #D9C59E, #AB814F, #8A401B, #292100)
• Tempered Bloom color palette (#FFF3E9, #F8C695, #C89C3E, #7E7A00, #314216)
• Amber Terrace color palette (#FFF4E2, #ECD089, #B68500, #5F4600, #120C00)
• Linen Amber Bloom color palette (#FEE9E3, #D4701E, #835C00, #453900, #090A00)
• Antique Bronze color palette (#FEE6D3, #A27000, #5E5200, #252700, #010400)

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