Amber Harbor color palette — #FFD4BC · #F7A414 · #E56D00 · #A65651 · #322800

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

The five colors

• Peach Cream (#FFD4BC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#F7A414): A luminous, vivid gold — the color of old brass.
• Tangerine (#E56D00): A luminous, vivid gold — the color of honey in a jar.
• Brick (#A65651): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, 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

• Sunlit Mustard color palette (#FBD8AA, #D8B500, #C88400, #AD541F, #272D00)
• Chalky Amber color palette (#F3DBE8, #DB8A07, #BE5D27, #824647, #1D1500)
• Gentle Coast color palette (#D9F8DF, #D1CD70, #C79D3E, #AC6F3D, #133E35)
• Antique Terrace color palette (#CFE9D8, #ADBA6A, #A78C0D, #86633B, #002B26)
• Quiet Chestnut color palette (#F8E2D2, #B58146, #8D4400, #651400, #1A1000)
• Muted Sand Lantern color palette (#FFF1F7, #EFCA8F, #CEA282, #9B7E94, #2F4238)
• Softworn Amber color palette (#D0E8FF, #76BEFF, #C36700, #876700, #00213C)
• Pale Villa color palette (#E4F3FF, #2DA5FF, #A57E00, #707500, #001B0E)

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