Amber Harbor color palette — #FFECF5 · #D5A785 · #B07C41 · #774C00 · #223F27

Caramel takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#D5A785): A luminous, dusty gold — the color of old brass.
• Caramel (#B07C41): A luminous, balanced gold — the color of old brass.
• Bronze (#774C00): A full-bodied, balanced gold — the color of old brass.
• Forest (#223F27): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Patina Fern Dune color palette (#D5EFDA, #C9B784, #9C8C45, #696100, #134332)
• Weathered Drift color palette (#FFF0E9, #DD9F81, #BD7932, #7B5D1D, #4F514A)
• Softworn Chestnut Workshop color palette (#FFE9F9, #E0A794, #B0704E, #8C4D1D, #482A37)
• Patina Bronze Parlor color palette (#EBF5EA, #CCAD89, #C185B6, #9C6400, #352B47)
• Sunlit Field color palette (#F4E8D8, #BE8C00, #876800, #594B00, #252200)
• Patina Driftwood Veranda color palette (#E6F7EA, #C2DFDC, #9AC1D6, #A48761, #2F4437)
• Emerald Atelier color palette (#E6F7E9, #B49864, #649D6C, #A76166, #192D1C)
• Dusty Fern color palette (#DAE4B7, #9EB477, #558227, #20640F, #103915)

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