Amber Drift color palette — #F2F5FE · #A6ABE7 · #BC7862 · #407658 · #204857

Caramel and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FE): a clean, paper-quiet neutral.
• Mauve (#A6ABE7): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#BC7862): A luminous, balanced orange — the color of autumn markets.
• Teal (#407658): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#204857): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Peony Drift color palette (#ECF7FF, #77BAE2, #BF708F, #676E3D, #134C4A)
• Softworn Mallow color palette (#FDF2F5, #E2BAF7, #BF8C7B, #60733C, #004049)
• Washed Driftwood color palette (#F5F3FF, #C9A0D1, #9D8C49, #2D7389, #294757)
• Powder Garden color palette (#FCF1F9, #B6C3FF, #C3A474, #4D9686, #0E4D42)
• Antique Ash color palette (#F0F5FF, #D5D0ED, #B79DBA, #5D868B, #3C5561)
• Pale Wisteria color palette (#F3F4FF, #AF79FF, #B06000, #006455, #00354D)
• Hushed Thicket color palette (#F5F3FF, #E7AED7, #DC7CA7, #A8656B, #654A5E)
• Muted Archive color palette (#ECF8F4, #AEDBD9, #66AB9C, #7F7990, #3C5251)

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