Amber Harbor color palette — #F2D8CF · #C56713 · #7F5000 · #412E00 · #1E1800
Ochre and Coffee set the tone — five colors that lean into optimism and balance.
The five colors
- Bone (#F2D8CF): A whisper-light, dusty orange — the color of autumn markets.
- Ochre (#C56713): A luminous, balanced gold — the color of old brass.
- Coffee (#7F5000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#412E00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#1E1800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, 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
- Amber Archive color palette (#EFD8D7, #C36939, #834900, #4C3E00, #113311)
- Bronze Ridge color palette (#F6EDE0, #987800, #5E5400, #313400, #111A00)
- Weathered Workshop color palette (#FFD2CD, #FB844C, #A56200, #5E4F00, #1B1F00)
- Frosted Villa color palette (#FBE8E9, #C75048, #9C2C00, #592400, #200E00)
- Hazy Sapphire color palette (#D1EBD1, #A97300, #036BC4, #5F3F00, #00122A)
- Bronze Delta color palette (#F0DEC6, #BDA251, #887B09, #4A5000, #263710)
- Dusty Study color palette (#D7F4DC, #C6C895, #82B672, #854909, #201900)
- Aubergine Villa color palette (#F5E8CF, #896400, #006B73, #71267A, #110900)
Browse the whole catalog at Explore, or see today's palette.