Amber Harbor color palette — #FFEAF3 · #FF9B70 · #D57400 · #916800 · #1C0C00
Built around Mustard, softened by Melon — the whole palette hums with optimism and balance.
The five colors
- Blush (#FFEAF3): A whisper-light, dusty rose — the color of strawberry cream.
- Melon (#FF9B70): A luminous, balanced orange — the color of toasted spice.
- Mustard (#D57400): A luminous, balanced gold — the color of old brass.
- Ochre (#916800): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#1C0C00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Balance. Tagged candy, vibrant, light.
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 Coral color palette (#FFF2E6, #FF8073, #CE7000, #6E6300, #311E00)
- Faded Hollow color palette (#E6F8E5, #FFAD80, #EB9600, #9A7D00, #261800)
- Airy Terrace color palette (#DEE9DE, #E68600, #9C7100, #615800, #060300)
- Rose Veranda color palette (#FFE8FB, #FF7B9A, #FF464C, #B85314, #260400)
- Moss Veranda color palette (#FFF1F6, #FFCFD1, #FFAB5F, #819906, #1E1100)
- Worn Amber Archive color palette (#EFDEC4, #AC8100, #645400, #413900, #161500)
- Mustard Coast color palette (#DAF9EB, #D4A800, #989700, #4E840E, #101300)
- Aged Harbor color palette (#FAEDDD, #A8913F, #666A3E, #12474C, #002727)
Browse the whole catalog at Explore, or see today's palette.