Joe Dallacqua UX Portfolio

Primary Color Palette

Blue
#00000
Maroon
#00000
Salmon
#00000
Red
#00000
Green
#00000

The primary color palette contains an assortment of colors - not creating a unifying brand - but allowing for clearer separation between the sections of the application.

Application Elements and Structure Palette

Black
#00000
Blue-Active
#00000
Gray
#00000
Gray-BG
#00000
White
#00000

Outside of the Primary Palette, Site Elements are used to create clearer direction on the applicaiton by adding readability, wayfinding, and highlighting interactivity.

Persona / Journey Palette

Orange
#00000
Red-Dark
#00000
Red-BG
#00000
Blue-BG
#00000

Additional Sections can sometimes benefit from a complimentary palette. This can be a risk, if not use carefully it can be jarring - but properly placed it can allow individual elements to stand out from the overall brand and layout of the application.

Color Palette Approach

Color has a purpose beyond branding and emotional connection.

Color is an incredibly powerful tool that helps establish brand identity, and create an emotional resonance with your user. By using a more muted, but still colorful, palette, I want my users to have a sense of warmth while browsing the application. I want them to feel comfortable here, with colors that are familiar and nothing overly agressive.

In addition to color theory, colors are used to show classification or division. Each section has primary color set with a complimentary color scheme.

It could be tempting to use this color through elements like navigation - the highlighted icons on the left for example - but by keeping that navigation a consistent color, we add a sense of unity to the application, as opposed to completely separate sections.

Joe Dallacqua Portfolio Project

Primary Color Palette

Application Elements and Structure Palette

Persona / Journey Palette

Color Palette Approach