Amber Drift color palette — #FFEFF0 · #F4A880 · #BD8306 · #646B00 · #004C2C

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

The five colors

• Ivory (#FFEFF0): bright and airy, almost weightless.
• Melon (#F4A880): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BD8306): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#646B00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004C2C): A deep, shadowed, balanced teal — the color of glacier melt.

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

• Softworn Amber Harbor color palette (#FFE8FA, #F2A8B4, #CE7740, #816100, #334100)
• Moss Parlor color palette (#FFF2ED, #E9B570, #8DA01C, #237737, #004945)
• Olive Veranda color palette (#FFF2EF, #FFD5BC, #C39A4A, #736F00, #093902)
• Aged Garden color palette (#FFF3E4, #E79A8E, #928A03, #565E95, #423C37)
• Quiet Summit color palette (#FBDEDA, #EB8F00, #8E7F00, #186101, #003326)
• Timeworn Meadow color palette (#F2E1E2, #BE6000, #695600, #223800, #001107)
• Antique Cabin color palette (#EFE3D2, #BA8410, #564F00, #312D27, #1E1611)
• Softworn Bronze Pier color palette (#FBDBCA, #8A6800, #415300, #002819, #000304)

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