Frosted Amber color palette — #FFF1F3 · #FFAA8B · #D27E00 · #725600 · #2B2F00

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Melon (#FFAA8B): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D27E00): A luminous, balanced gold — the color of old brass.
• Coffee (#725600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#2B2F00): 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

• Hazy Amber color palette (#FFF2EC, #ECB374, #AA8D00, #5A6200, #0D3204)
• Washed Ember Coast color palette (#FFF0F8, #FDA6BD, #D65F48, #854700, #3B2600)
• Terracotta Boulevard color palette (#FFF3E6, #D9C59C, #AD7F4F, #864134, #262200)
• Softworn Amber color palette (#F2DCD5, #FE9C64, #DB8500, #A27100, #423400)
• Chalky Ember color palette (#F4D6D4, #E0692B, #845300, #413900, #090D00)
• Dusty Amber Parlor color palette (#FFF3E4, #F6D78E, #BA8500, #5F4A00, #191200)
• Worn Bronze color palette (#FFE4DA, #AC6D00, #685200, #1F2500, #000500)
• Pale Sky color palette (#FFF3E3, #E5B765, #54AFEC, #9A6D00, #002B44)

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