Amber Drift color palette — #FFF1F4 · #AB88BD · #AD8040 · #008887 · #523B41

Caramel and Teal set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Dusty Rose (#AB88BD): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#AD8040): A luminous, balanced gold — the color of honey in a jar.
• Teal (#008887): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#523B41): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, 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

• Pine Terrace color palette (#FFF0FC, #8297C6, #BB736C, #49874F, #4E3C4B)
• Hushed Cobalt Atelier color palette (#FFF2EF, #C58193, #81915A, #2C7DB2, #563A36)
• Tempered Archive color palette (#FFEBF6, #9693D7, #4CA26B, #49876E, #32222B)
• Wandering Parlor color palette (#F2F4FF, #B6A6E3, #71B787, #559B92, #3E4155)
• Misty Peony Loft color palette (#FFE3E5, #B755A3, #867100, #006C80, #4B1B41)
• Ancient Driftwood Summit color palette (#FFF1F4, #E3D7D2, #DABDA3, #827EB3, #624A4E)
• Timeworn Bronze Grove color palette (#F9F5EB, #C0B89D, #9A7B37, #755829, #504900)
• Hushed Harbor color palette (#FFF1F4, #E6B4BD, #9F73A4, #653A72, #432947)

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