Faded Amber Harbor color palette — #FFF2EC · #FFC2D1 · #FFA58B · #D78F00 · #5F2400

A conversation between Mustard and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Shell Pink (#FFC2D1): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FFA58B): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D78F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#5F2400): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

One click turns Faded 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

• Misty Hollow color palette (#FFF3E9, #FFC1BF, #FFA860, #B39900, #3F2500)
• Frosted Tangerine color palette (#FFF2F0, #FECBFC, #FF98B6, #F5692A, #591D21)
• Sunlit Apricot color palette (#FFD4C0, #FF8D33, #BF7900, #815C00, #4A3E00)
• Muted Coral color palette (#FFF2EC, #E6ADFF, #FF8D83, #898300, #5C2806)
• Softworn Honey Atelier color palette (#FFF3E4, #EBD8BE, #F9C274, #99AB62, #413E37)
• Lime Ridge color palette (#FFF0FC, #F8D3FF, #FFBCB5, #ACCD00, #4F2503)
• Misty Amber color palette (#F3DBC0, #FF957C, #CF8000, #7A8000, #221500)
• Emerald Quarry color palette (#FFF6D2, #FFB366, #C1B400, #06B22F, #292F00)

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