Gentle Amber Harbor color palette — #FFF3E9 · #E87900 · #877800 · #00681E · #5C0035
Tangerine and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Tangerine (#E87900): A luminous, vivid gold — the color of old brass.
- Walnut (#877800): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#00681E): A full-bodied, balanced green — the color of new leaves after rain.
- Mulberry (#5C0035): A deep, shadowed, balanced rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Gentle 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
- Apricot Archive color palette (#FFF0F7, #FF8B37, #8A8100, #00613A, #440114)
- Aged Drift color palette (#FFEEE3, #DA7640, #81720E, #67397A, #510C21)
- Amber Balcony color palette (#F4DCCA, #C8691C, #6D6600, #00502C, #410016)
- Weathered Marigold color palette (#FEF3E7, #CE9A4B, #6C8D43, #81486A, #5B2515)
- Timeworn Pine Orchard color palette (#FFF4DD, #B59A00, #2C8E35, #006361, #551B00)
- Hushed Bronze color palette (#F4E3D0, #9E6700, #475C00, #003D30, #2A0001)
- Quiet Peony color palette (#FFF1F1, #EE5DB1, #C94501, #685300, #411364)
- Wandering Apricot color palette (#FFD6BA, #F78E00, #BB7700, #8A5D00, #4D3700)
Browse the whole catalog at Explore, or see today's palette.