Frosted Amber color palette — #FFF1F3 · #FF9D87 · #C97100 · #755600 · #282D01

Built around Mustard, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Melon (#FF9D87): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C97100): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#755600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#282D01): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Quiet Amber Lagoon color palette (#FEE6DF, #FF985B, #D87D1B, #996514, #4C3A11)
• Feathered Boulevard color palette (#FFF2EC, #FFB86E, #A38300, #4A5E00, #133411)
• Amber Thicket color palette (#FFF1F6, #DAC68E, #B77A40, #7D4740, #02291F)
• Muted Grove color palette (#FFEEF7, #FFB0BE, #FA5348, #8A3F00, #4A2E00)
• Tempered Tangerine Market color palette (#EFD8D7, #F76908, #7F5600, #3B3100, #060900)
• Washed Bronze color palette (#FAE2D5, #B16C00, #614D00, #222E00, #000700)
• Powdered Summit color palette (#E8FBE8, #ECB45D, #2AB1FA, #9D6B00, #002B43)
• Amber Ridge color palette (#DEFFE5, #FFD27C, #C18500, #634800, #160B00)

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