Misty Amber color palette — #FFF2EC · #F8BB78 · #B58700 · #585600 · #172400

A conversation between Mustard and Cantaloupe, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Cantaloupe (#F8BB78): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#B58700): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#585600): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#172400): 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 Misty 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

• Linen Amber color palette (#FFF1F1, #FFB4A2, #DC7300, #724700, #2D2100)
• Washed Moss Hollow color palette (#FFF4E0, #E7CF64, #8D9D00, #2C6400, #002613)
• Softworn Bronze color palette (#EEE4D4, #9A8700, #4E5A00, #0C2600, #000201)
• Pale Chestnut Loft color palette (#FFD9B2, #C39B59, #7E6300, #4A4200, #173412)
• Faded Alley color palette (#FFD8BB, #D59700, #746400, #2C3400, #010800)
• Linen Terrace color palette (#FFE9EB, #FFAC82, #C69A1F, #6A822A, #003622)
• Linen Apricot color palette (#FFF4E2, #EFA35E, #8D8000, #005879, #2F1D02)
• Weathered Amber Orchard color palette (#FFF3E2, #B08100, #38370C, #180D00, #020100)

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