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?