Frosted Amber color palette — #FFF1F1 · #FFA48B · #D87400 · #764E00 · #382A00

Mustard and Melon set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Melon (#FFA48B): A luminous, balanced orange — the color of autumn markets.
• Mustard (#D87400): A luminous, balanced gold — the color of old brass.
• Bronze (#764E00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#382A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: 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

• Hazy Hollow color palette (#FFF2EB, #F3AA59, #BC8B00, #6D6500, #2B3A12)
• Timeworn Amber Cabin color palette (#FFF3E8, #DCC49A, #BF7636, #814437, #2A2006)
• Weathered Corridor color palette (#FFE9E1, #FF9B63, #E4812F, #A56A2E, #58380C)
• Pale Rose color palette (#FFF1F7, #FFAFC5, #E44553, #97380C, #422300)
• Timeworn Summit color palette (#F5E4E1, #F36A00, #875100, #463400, #0C0900)
• Softworn Bronze Dune color palette (#FEE3D3, #A96F00, #614800, #2B2900, #010300)
• Muted Mustard Boulevard color palette (#FFF3E3, #EBB457, #00BCCB, #9B6C00, #002E33)
• Celadon Lantern color palette (#FFF3E8, #BBFDAE, #DDE0CA, #CD7B77, #3E3A33)

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