Amber Harbor color palette — #F7F4FA · #FFD2D3 · #C99400 · #C4639E · #09160C

Mustard and Hot Pink set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F7F4FA): a clean, paper-quiet neutral.
• Shell Pink (#FFD2D3): A whisper-light, dusty red — the color of embers at dusk.
• Mustard (#C99400): A luminous, balanced gold — the color of afternoon light on wheat.
• Hot Pink (#C4639E): A luminous, balanced pink — the color of peonies in June.
• Ink (#09160C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Creativity, Balance. Tagged duotone, 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

• Hazy Terrace color palette (#F4F4FE, #F8D1E7, #E18329, #A86CCA, #1D0C14)
• Softworn Mustard color palette (#F8F3F8, #E6DAD4, #B4B360, #CD8284, #13221B)
• Ancient Mulberry Workshop color palette (#F8EFF0, #D99CCC, #777A34, #8E4581, #130E00)
• Ancient Olive color palette (#FCF1FD, #EA8F9E, #668C1B, #1F658D, #231927)
• Pale Plum color palette (#FDF0FF, #FFA6B7, #8B8100, #C40055, #000201)
• Aged Summit color palette (#F9F2FF, #FFD7D7, #E78C63, #8A5F00, #352F00)
• Hushed Amber Villa color palette (#E6FBED, #FFB3C2, #BF8346, #26689C, #3E2A3B)
• Ancient Bronze Corridor color palette (#FFF2F0, #E095AF, #A25924, #8E4260, #321F10)

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