Amber Harbor color palette — #FFDDDC · #FE9977 · #E37D00 · #9B6900 · #403700

A conversation between Tangerine and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDDDC): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FE9977): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#E37D00): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#9B6900): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#403700): 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

• Timeworn Bronze Grove color palette (#FCDACC, #EB8F59, #BF6500, #854F00, #543507)
• Amber Villa color palette (#FCEADF, #EFAB4F, #B69700, #868100, #2F3C0E)
• Weathered Amber color palette (#FFF2ED, #FFB58E, #DE750E, #7D4700, #3F2600)
• Ancient Amber color palette (#FBDFEA, #D5BE93, #D48B44, #A96553, #153829)
• Washed Coral Lantern color palette (#FFE4F3, #FE91AE, #FE5846, #B35A2F, #522F00)
• Ancient Pier color palette (#FFEED7, #F9C671, #D59500, #8D6900, #2C1A00)
• Ancient Basin color palette (#F5DCD6, #ED6800, #AD6B00, #6F5800, #201E00)
• Sunlit Bronze Quarry color palette (#FFE7EF, #FFC68E, #61B9FF, #B26A00, #0E3857)

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