Amber Harbor color palette — #F7DDA5 · #B28824 · #725500 · #322200 · #070400

Mustard and Coffee set the tone — five colors that lean into optimism and balance.

The five colors

• Peach Cream (#F7DDA5): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B28824): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#725500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#322200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#070400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged monochrome, muted.

Use it as a design system

One click turns Amber Harbor 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

• Antique Amber color palette (#FDE7B3, #B98800, #664E00, #362500, #211500)
• Aged Moss color palette (#E5E9D6, #93A04B, #585F00, #252A00, #040500)
• Aged Cocoa color palette (#F5DDD0, #C87D50, #853D00, #421C00, #0B0200)
• Wandering Chestnut color palette (#F8E6CD, #DAC889, #A9AB66, #895100, #241700)
• Honey Quarry color palette (#FFF4DA, #EFBE64, #9C6E00, #503600, #050200)
• Moss Corridor color palette (#F1DBD4, #00AD91, #888E00, #131500, #060400)
• Patina Parlor color palette (#FAF3D1, #B4BC85, #718123, #3D4200, #171B00)
• Gentle Delta color palette (#C2F7AF, #59B248, #1B7208, #133500, #020E00)

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