Amber Harbor color palette — #FFF2E9 · #E0DDC2 · #EDCB82 · #C87F60 · #49433E

Caramel and Honey set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#E0DDC2): A whisper-light, dusty green — the color of new leaves after rain.
• Honey (#EDCB82): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Caramel (#C87F60): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#49433E): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Weathered Coast color palette (#FFF3E3, #F9E18D, #C1C478, #A17E58, #413E37)
• Pale Coral color palette (#FFF0F8, #E6E3C5, #E1E373, #F37E6E, #633D18)
• Hushed Peony color palette (#FFF2EE, #EED5C7, #FFB7A0, #C47095, #64363B)
• Tempered Fern color palette (#FFF5DA, #CAF0CD, #97DCBF, #A79468, #5C4B00)
• Timeworn Apricot Alley color palette (#FFEADD, #FD9754, #C9663A, #874F42, #4E2C0D)
• Tempered Terrace color palette (#FFF4E2, #E6B22C, #856300, #4C3700, #251802)
• Amber Cabin color palette (#FFF4DD, #AF9300, #009C8A, #9E4556, #382905)
• Powdered Moss color palette (#F2DEB7, #CEC964, #8EAC42, #8D671B, #291E00)

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