Amber Drift color palette — #FFF1F2 · #FFC3B0 · #D57200 · #825200 · #3C3000

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Wheat (#FFC3B0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#D57200): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#825200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3C3000): 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 Amber 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

• Ember Quarry color palette (#FFF1F5, #FFACB1, #F95727, #954F00, #452A00)
• Feathered Amber Corridor color palette (#FFF2EC, #FFB56B, #C59200, #736A00, #273C00)
• Amber Delta color palette (#FFF3E3, #E1E3AF, #CC8100, #774B00, #211300)
• Softworn Tangerine Studio color palette (#FFD5CD, #FD8138, #A96600, #624500, #211C00)
• Bronze Lantern color palette (#F1E4D6, #987D00, #595C00, #172400, #000501)
• Worn Sky color palette (#FFF3E8, #FFB576, #48BBFF, #B56500, #00324C)
• Coral Archive color palette (#FFF3E7, #BEE9D0, #C4C9D4, #D37C78, #4C350D)
• Peony Lantern color palette (#FFF0FE, #FFB0DD, #FF4582, #A13539, #5D2303)

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