Amber Drift color palette — #F6D3E8 · #D38D43 · #A45B3D · #713A3E · #0B2B16

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

The five colors

• Thistle (#F6D3E8): A whisper-light, dusty pink — the color of peonies in June.
• Mustard (#D38D43): A luminous, balanced gold — the color of old brass.
• Ochre (#A45B3D): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#713A3E): A full-bodied, dusty red — the color of late-summer berries.
• Deep Forest (#0B2B16): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, 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

• Bronze Market color palette (#F9E0EB, #CCA772, #AF6F43, #7A4D48, #193827)
• Cocoa Study color palette (#FFE2F3, #A87F4D, #7F432A, #5C1E2E, #072B1B)
• Aged Bronze Corridor color palette (#D3E6D5, #AAA152, #936900, #6C4122, #002C22)
• Hazy Garnet color palette (#FFF2EA, #D6A882, #B15B31, #7C201D, #1C0F00)
• Quiet Boulevard color palette (#FFE4DB, #A15B00, #782600, #4A0014, #060300)
• Muted Harbor color palette (#FFF0FA, #E9BCCE, #B48EA7, #816D82, #3E4C40)
• Olive Ridge color palette (#E4F2E7, #858200, #684E00, #4A2600, #060E00)
• Chalky Garden color palette (#EBDDF6, #E378C9, #CA3A6B, #911800, #3A1D00)

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