Amber Harbor color palette — #F4EBFF · #A89AFF · #DD7D00 · #302E27 · #2A1300

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

The five colors

• Blush (#F4EBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#A89AFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#DD7D00): A luminous, balanced gold — the color of old brass.
• Espresso (#302E27): quiet, heavy and certain.
• Ink (#2A1300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Tempered Amber Chapel color palette (#F1D5EB, #A9B7FF, #B97700, #2A2604, #1C0F02)
• Hazy Parlor color palette (#F0DDF1, #C1AAFF, #ABA600, #243B1C, #28210C)
• Feathered Mallow color palette (#C2E7F3, #F095FF, #E6722E, #62341B, #200C18)
• Faded Scarlet Chapel color palette (#DAE3FF, #72C6FF, #EB4132, #342800, #260A00)
• Timeworn Mustard Cabin color palette (#F9E0F9, #03C4EE, #C6A000, #3A2D00, #1C1405)
• Pale Fuchsia Ridge color palette (#FBE3F4, #FD5BF9, #B59600, #273112, #221700)
• Wandering Station color palette (#F3E2E5, #FF8DE6, #719700, #052F1A, #0E1700)
• Mustard Courtyard color palette (#F8E1FB, #CBCBFF, #DABD3D, #495200, #3B3730)

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