Amber Harbor color palette — #F0F9E7 · #54B48E · #C6794D · #8D6800 · #31342E
A conversation between Caramel and Ochre, giving this palette its sense of optimism and balance.
The five colors
- Ivory (#F0F9E7): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#54B48E): A luminous, balanced teal — the color of glacier melt.
- Caramel (#C6794D): A luminous, balanced orange — the color of toasted spice.
- Ochre (#8D6800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#31342E): a grounded near-black with real depth.
Feels like: Optimism, Balance. 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
- Tempered Bronze color palette (#F0F8ED, #22B49E, #AF6111, #655B00, #2A2D1C)
- Antique Taupe Orchard color palette (#FFF1F0, #D495B0, #B79560, #7E7D4F, #493837)
- Timeworn Sky Pier color palette (#E4FCF3, #67BCF4, #C39266, #93683F, #112A22)
- Moss Cabin color palette (#FDEAE0, #D36F4F, #728D18, #197247, #372012)
- Washed Studio color palette (#E2FCF3, #008ACA, #98632F, #72481E, #1D3931)
- Patina Rose color palette (#FFF2EE, #FB4B6C, #9C8600, #477500, #461C21)
- Aged Drift color palette (#FEF0FC, #7F9CE2, #C46F9A, #A15555, #3E2C3B)
- Raspberry Pier color palette (#FFF1F5, #B792DB, #C0597B, #884C1D, #2B3659)
Browse the whole catalog at Explore, or see today's palette.