Frosted Amber color palette — #FFF1F0 · #FFAA91 · #CC7400 · #785500 · #302700

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFAA91): A luminous, balanced orange — the color of toasted spice.
• Mustard (#CC7400): A luminous, balanced gold — the color of old brass.
• Coffee (#785500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#302700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Feathered Hollow color palette (#FFF2EB, #F3BB7A, #AE8900, #646600, #263900)
• Chalky Ember Summit color palette (#FFF0F8, #FFA4B1, #D8625D, #A03F00, #3D2000)
• Linen Amber Dune color palette (#FADDCF, #FDA264, #DE8000, #A36600, #4D3100)
• Weathered Delta color palette (#F8DCCE, #B27700, #665100, #2C2A00, #010500)
• Tangerine Lagoon color palette (#F8D9D0, #EA752C, #905E00, #3D2E00, #090900)
• Muted Amber Terrace color palette (#FFF1F6, #B0D1B7, #B57C41, #84442F, #05281C)
• Sunlit Amber Pier color palette (#DFFFE1, #F9D790, #B38300, #664300, #1A1000)
• Sky Thicket color palette (#EBFAEA, #E8B46F, #32B3EC, #A06900, #002C3F)

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