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?
Recommend
More recommend
