Amber Harbor color palette — #F8E8CF · #BD8D00 · #6F5400 · #342600 · #030100

A conversation between Mustard and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#F8E8CF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#BD8D00): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#6F5400): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#342600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Pale Moss Courtyard color palette (#E9DCD4, #A59900, #913A00, #461800, #040100)
• Dusty Amber color palette (#ECEBD1, #C17000, #385300, #0E1900, #020200)
• Timeworn Canyon color palette (#EEE4CB, #F9AE0E, #908000, #594E00, #160E00)
• Deep Bronze color palette (#E3F3E7, #846200, #281C00, #0A171A, #040200)
• Amber Quarry color palette (#F4EBE0, #CB8C00, #008581, #895D00, #000202)
• Mulberry Hollow color palette (#F5D9CF, #988B00, #007968, #7C006A, #050E00)
• Antique Coast color palette (#EEECE5, #A3B8A7, #7CA295, #717800, #181402)
• Linen Pine Station color palette (#EEDEC7, #939200, #00843C, #005752, #000F15)

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