Amber Harbor color palette — #FFF4E2 · #FFA87B · #C29700 · #0088A3 · #502B00
A conversation between Mustard and Melon, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Melon (#FFA87B): A luminous, balanced orange — the color of autumn markets.
- Mustard (#C29700): A luminous, balanced gold — the color of afternoon light on wheat.
- Cerulean (#0088A3): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#502B00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged retro.
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
- Ancient Quarry color palette (#FFF4E2, #FFA3A8, #EA7B00, #008D83, #55251D)
- Linen Cobalt color palette (#FFF4E2, #EDB651, #92AA27, #007DD6, #403400)
- Tempered Harbor color palette (#EBDCC4, #EE903B, #9C8800, #007093, #341F00)
- Washed Denim color palette (#E0FEE7, #FFA0A5, #A08300, #2C54A3, #411C09)
- Muted Archive color palette (#FFF3E9, #FE9B51, #1CB65B, #007AC5, #580042)
- Cerulean Terrace color palette (#FFE8D4, #E1CBA7, #A2B778, #1A94C9, #3D476D)
- Amber Boulevard color palette (#FEE8D1, #DE8C00, #756633, #5D3800, #1B0E05)
- Amber Hollow color palette (#F5E4CA, #C38D00, #6B8100, #00569A, #1C1600)
Browse the whole catalog at Explore, or see today's palette.