Aurora Colour Swatches/Palette Proposal Current vs. New colour - - PowerPoint PPT Presentation

Aurora Colour Swatches/Palette Proposal

Current vs. New colour swatches

Aurora Borealis Colour Swatches

• Main Aurora colour swatches
• Evaluated the Aurora Borealis

swatch, keeping that same clean and fresh look

Monochrome

• Creating palettes from the

Aurora Borealis swatches

• Separating each “Base”

colour, making a lighter and darker shade from that same hue

• Creating a gradient

Testing the Swatches

• Adding each palette to an exemplary UI
• Base colour: Accent, main action,

foreground of selected or active elements

• Dark and light: As background of

selected or active elements, for text

• Light grays in area backgrounds, darker

grays for text

Testing the Swatches

• Accessible for white text over 18pt
• Can still be

Testing the Swatches

• The light green and blue aren’t

accessible with white text

• Setting the right tone

Re-evaluate Colours

• Re-evaluated the Aurora Borealis

colour swatches after testing them

• Using light blue for visuals

Emerald Green

• This emerald green is

accessible with white text

• Maintains that fresh and

clean look

Combining palettes

• Global navigation stays the

same colour

• Combining colour palettes
• Important not to combine too

many palettes together

Introducing Gradients

• Blend from one colour to another
• Adds a new dimension and depth

Applying gradients

Gradients can be used in backgrounds, image overlays, illustrations, logos, icons and more

Next steps

• Figuring it out how we want to

apply them to our platforms

• Using different colours for

different applications, figuring out what happens once we have more applications than colours

Thoughts or suggestions?