Amber Drift color palette — #DCF7E1 · #F5A477 · #B99100 · #00829C · #432632

A conversation between Mustard and Melon, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DCF7E1): A whisper-light, dusty teal — the color of sea glass.
• Melon (#F5A477): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B99100): A luminous, balanced gold — the color of old brass.
• Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#432632): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Amber Quarry color palette (#DBF7E1, #FF989D, #D3803D, #00867E, #3E2839)
• Wandering Moss Lantern color palette (#DCF7E1, #F4A74F, #A29C00, #227DAC, #1D3722)
• Wandering Boulevard color palette (#FFECF4, #FB9442, #35AD5D, #1375B6, #461639)
• Soft Coral color palette (#FFF4DD, #FF9489, #8A8024, #2F527D, #341A02)
• Softworn Amber color palette (#DEF8E3, #DD7C00, #877700, #005D7D, #211300)
• Taupe Delta color palette (#FDDAE8, #AFD0B6, #9DAA7C, #68869D, #35425E)
• Wandering Corridor color palette (#F6D9E2, #D48700, #6E6131, #4F333C, #130A0F)
• Hushed Courtyard color palette (#F7E2B7, #D2AD00, #5EA400, #235EE2, #2C2B00)

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