Amber Harbor color palette — #FFF1F3 · #FFB0A4 · #E87600 · #7A5E00 · #393800

Built around Tangerine, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Rose Quartz (#FFB0A4): A whisper-light, balanced orange — the color of toasted spice.
• Tangerine (#E87600): A luminous, vivid gold — the color of honey in a jar.
• Olive (#7A5E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#393800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Antique Garden color palette (#FFEFEC, #FFB789, #BC8900, #615600, #253A07)
• Timeworn Amber color palette (#FEDDCE, #DE8400, #806700, #373D00, #011200)
• Linen Bloom color palette (#FFF0FC, #FFA7B9, #F05456, #8F4500, #4E3600)
• Tempered Bloom color palette (#FFF3E8, #E6CE91, #C38147, #8E4842, #2F2800)
• Aged Tangerine color palette (#FDD8CF, #F36F32, #AB5A00, #623D00, #2B1F00)
• Tempered Bronze Summit color palette (#F7DDC3, #A77E00, #485300, #0F2600, #000201)
• Worn Honey color palette (#FFF2EA, #FABB35, #A09A00, #427500, #004822)
• Worn Bronze color palette (#FFF3E8, #FFB47E, #76B3FF, #BA6100, #002D5E)

Browse the whole catalog at Explore, or see today's palette.