Amber Harbor color palette — #F1E3DC · #CE7500 · #7E4C00 · #533500 · #231600

Built around Mustard, softened by Bronze — the whole palette hums with optimism and balance.

The five colors

• Parchment (#F1E3DC): a clean, paper-quiet neutral.
• Mustard (#CE7500): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#7E4C00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#231600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged warm.

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

• Worn Corridor color palette (#F9EACB, #A28200, #6E6100, #433E00, #1E1F00)
• Worn Boulevard color palette (#FFF0EF, #FF9655, #A96B00, #5D4700, #282300)
• Antique Ember color palette (#F2DEDC, #E96800, #925900, #584100, #223710)
• Hazy Raspberry Loft color palette (#EBDCC9, #B57700, #B42FA1, #694300, #2B0025)
• Hushed Amber Lantern color palette (#FFDC7B, #C19500, #705800, #382900, #0E0900)
• Bronze Chapel color palette (#FFE8F0, #DDB586, #A47F40, #735B24, #1E3B29)
• Feathered Drift color palette (#FFE0E0, #F43F37, #AE2A00, #642000, #2F1000)
• Worn Lime Archive color palette (#D7FDDF, #EBD774, #A4B549, #895900, #261E00)

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