Amber Drift color palette — #F2D7D6 · #BC8E00 · #2C7645 · #322B5F · #08021E

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

The five colors

• Shell Pink (#F2D7D6): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#BC8E00): A luminous, balanced gold — the color of honey in a jar.
• Pine (#2C7645): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#322B5F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#08021E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Faded Moss color palette (#FFECE0, #8F9C37, #006F5E, #412746, #18001D)
• Chalky Amber Lagoon color palette (#FFDEEB, #BD7761, #676625, #183161, #000627)
• Quiet Coast color palette (#C9EBD2, #749E1D, #005D3C, #391D44, #010100)
• Fern Workshop color palette (#FFD8D3, #926C33, #355000, #2F1F54, #270C34)
• Dusty Olive Garden color palette (#ECE1C9, #A2954E, #72843D, #26645D, #002324)
• Patina Forest color palette (#EAE5CD, #676E3B, #345022, #00282A, #00080C)
• Grape Bloom color palette (#F0EED9, #736900, #8400AD, #5F1F78, #010100)
• Aged Field color palette (#E8EAD0, #838400, #703BD9, #3E3F00, #020008)

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