Amber Drift color palette — #FFF3E4 · #B67B00 · #576D1F · #005544 · #562826

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B67B00): A luminous, balanced gold — the color of old brass.
• Olive (#576D1F): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#005544): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#562826): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Wandering Ember color palette (#FFF2EB, #CA694C, #796000, #245427, #542736)
• Dusty Moss Lagoon color palette (#F9F5EB, #A89A28, #417F5A, #225D66, #47413C)
• Pale Mustard color palette (#FEEAB7, #C3A519, #827600, #575810, #3F423C)
• Forest Dune color palette (#F7E7BD, #7C7000, #005C1E, #003B3A, #431100)
• Amber Boulevard color palette (#FEEFE1, #C07B3C, #24754F, #154077, #390721)
• Softworn Driftwood color palette (#FFF4E1, #C9BA94, #8E895E, #586B54, #35554F)
• Tempered Olive color palette (#FBF7D2, #6E8A00, #006958, #781100, #3E2D00)
• Tempered Lantern color palette (#F1E2D0, #976600, #35322B, #251E14, #0E0C05)

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