Amber Harbor color palette — #FFE8DC · #BB7600 · #614900 · #252500 · #010100

A conversation between Mustard and Bronze, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#FFE8DC): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#BB7600): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#252500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

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

• Softworn Moss color palette (#F7E6C7, #958C00, #475B00, #0A2600, #000201)
• Aged Bronze color palette (#FDE9CA, #A86400, #494400, #001E2E, #020100)
• Antique Ember Drift color palette (#FFE2E1, #EF4E00, #7B4100, #2D1A00, #020100)
• Mustard Ridge color palette (#FFF3E8, #F4B003, #918300, #455300, #041D00)
• Cocoa Harbor color palette (#FDECD3, #61616B, #624900, #161B15, #060600)
• Wandering Cocoa color palette (#F5ECE5, #DDCDB9, #B5A47F, #753C00, #050200)
• Wandering Amber Bloom color palette (#FFEFDA, #FF9C78, #B98300, #577700, #020100)
• Patina Moss color palette (#FCE4C7, #A6952A, #427535, #173456, #0F0432)

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