Amber Harbor color palette — #FFE6EE · #FF8899 · #DF8B00 · #009564 · #130E00

A conversation between Mustard and Rose, giving this palette its sense of optimism and balance.

The five colors

• Blush (#FFE6EE): A whisper-light, dusty rose — the color of strawberry cream.
• Rose (#FF8899): A luminous, balanced red — the color of late-summer berries.
• Mustard (#DF8B00): A luminous, balanced gold — the color of honey in a jar.
• Fern (#009564): A full-bodied, balanced teal — the color of sea glass.
• Ink (#130E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged candy, vibrant, light.

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

• Soft Coral color palette (#D1EBDC, #FF8681, #BFA200, #009973, #0B0D00)
• Ancient Tangerine color palette (#FBDEEE, #FE7FAC, #F77611, #6D9C00, #110A00)
• Hazy Moss color palette (#E1F1EB, #FB9215, #7EB000, #009BA1, #000B02)
• Tangerine Alley color palette (#FDE9CC, #F87F28, #B68400, #506F00, #110C00)
• Tempered Coral Workshop color palette (#F5DEF4, #E88FFA, #FF5B68, #888900, #150500)
• Pale Aubergine color palette (#FADCE3, #BD887D, #7D7943, #793B8E, #36081A)
• Clover Alley color palette (#C6E8E4, #F6B61F, #00CF65, #009EC8, #001E1A)
• Faded Clover color palette (#DEFFE6, #FFCCCC, #FCC222, #00C67C, #2D2900)

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