Muted Drift color palette — #FFF2F0 · #FFB698 · #D97500 · #7F5800 · #3A3000

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Melon (#FFB698): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#D97500): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7F5800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3A3000): 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 Muted Drift 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 Bloom color palette (#FFF3E7, #E8CD91, #C08241, #9A4021, #2B2A00)
• Muted Amber color palette (#FFF2EB, #FFBB5E, #B79300, #646400, #234100)
• Antique Amber Pier color palette (#F6E6DB, #D08B00, #6E5D00, #3E3E00, #061100)
• Misty Amber color palette (#FFD7C4, #FFAE7A, #E38400, #B07000, #513500)
• Rose Pier color palette (#FFF1F6, #FFB0BC, #FF5255, #A74B00, #4B2900)
• Tempered Coral color palette (#FFF3E5, #BAEED3, #C7C9D4, #E17461, #4A390E)
• Softworn Balcony color palette (#F0DDC2, #8F7900, #575900, #152700, #000201)
• Airy Bronze Delta color palette (#FFF3E7, #FFB669, #73B4FF, #B06900, #002E5B)

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