Misty Amber color palette — #FFF2EA · #FFC598 · #C29230 · #786900 · #404A20

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Cantaloupe (#FFC598): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#C29230): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#786900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#404A20): 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 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

• Washed Olive color palette (#FFF3E6, #E7D591, #A6AC3E, #547B15, #1E4826)
• Timeworn Amber Orchard color palette (#FFF2EE, #FFBFB4, #DC7D4C, #A56000, #574305)
• Marigold Station color palette (#FFEBD7, #F4BD79, #E4A100, #9F7B18, #2F513C)
• Gentle Market color palette (#FFD7B1, #D19235, #9D7000, #674D00, #3A2B08)
• Mustard Pier color palette (#FFF4DB, #CCECB6, #B9A94E, #685E00, #232000)
• Weathered Bronze Hollow color palette (#FDE9DE, #B37700, #614C00, #2E2B00, #010200)
• Apricot Garden color palette (#FFF4E0, #D5E4C9, #BEBCC9, #DB9566, #544600)
• Bronze Grove color palette (#F4EEDE, #837700, #344500, #001602, #000201)

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