Amber Harbor color palette — #FFF2EE · #FFB393 · #DF6800 · #9B5400 · #532E00
A conversation between Pumpkin and Ochre, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Melon (#FFB393): A whisper-light, balanced orange — the color of autumn markets.
- Pumpkin (#DF6800): A luminous, vivid orange — the color of autumn markets.
- Ochre (#9B5400): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#532E00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, 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
- Faded Tangerine Villa color palette (#F6E5E6, #FFA79B, #F37500, #B16D00, #544200)
- Amber Field color palette (#FFF2E9, #F5B06B, #BF7D00, #785400, #332600)
- Patina Coral Workshop color palette (#F4D9DA, #FF6042, #B15600, #5A3900, #2B1F00)
- Antique Rose color palette (#FFF1F4, #FFB7C1, #FF5063, #B30316, #701204)
- Hushed Fuchsia Courtyard color palette (#FFF0F7, #FFB484, #DD84FB, #C05F00, #48065B)
- Dusty Marigold Loft color palette (#DFFFE3, #F5D791, #BEA02E, #827500, #494819)
- Dusty Study color palette (#FFF1F5, #CEE0CE, #A0C6D5, #D9823A, #4F3300)
- Ancient Atelier color palette (#F4EEDA, #9E8900, #524C00, #262900, #040600)
Browse the whole catalog at Explore, or see today's palette.