COLORS BACK TO CONTENTS Extended functional color palette Principles for extended functional For light theme For r theme A color palette that reflects Volvo Group brand position and blends color palette perfectly with Volvo Blue to create harmony and consistency for all The colors can be applied to digital user Backgroud / primary HEX #FFFFFF Backgroud / primary HEX #1™1™1™ uses. The rules and recommendations state how to best use each interface (UI) design for both light theme and color type. dark theme. Dark theme color palette should not be used on white backgrounds. Light Backgroud / secondary HEX #F2F2F2 Backgroud / secondary HEX #©‚©‚©‚ Each color should be used in 100% only, to secure consistency. theme colors should not be used on black Backgroud / tertiary Backgroud / tertiary HEX #±©±6±A Colors may appear slightly different depending on which media is backgrounds. HEX #E1~F~~ being used. Use the colors to communicate the visual Ornamental / divider HEX #~š~š~š Ornamental / divider HEX #6©6©6© hierarchy, guide interactions and create a ale consistent brand identity. c Ornamental / Rain HEX #A2AAŸ Ornamental / Rain HEX #A2AAŸ ays Gr Each theme includes: Grayscale: used to determine surface colors Ornamental / border HEX #B~ Ornamental / border HEX #~š~š~š and ornaments. For instance, colors used for background, foreground, divider and border. Foreground / tertiary HEX #±©±6±A Foreground / tertiary HEX #E1~F~~ CTA (Call-To-Action): use it for links, selec- Foreground / secondary HEX #©‚©‚©‚ Foreground / secondary HEX #F2F2F2 tions and other interactive elements. They cover three states: default, hover and active Foreground / primary HEX #1™1™1™ Foreground / primary HEX #FFFFFF states. The colors Error, Warning and Success are CTA blue / default HEX #1C6BBA CTA blue / default HEX #1F2~1 used to comply with legal industry require- ments such as digital clusters inside the cabs. CTA blue / qover HEX #‚BE~E CTA blue / qover HEX #™™A1FF And to be used off board as well only for the purpose of giving the user feedback of error, CTA blue / active HEX #1š™EŸB CTA blue / active HEX #‚C©EF warning and success. Accent HEX #©™6±±Ÿ Accent HEX #66B©A6 Error HEX #BF‚š1‚ Error HEX #EA‚C1A Warning HEX #FFAššš Warning HEX #F2~©š‚ Success HEX #1A6C©1 Success HEX #™2Ÿ6‚~ VOLVO EXPERIENCE AND IDENTITY GUIDELINE – DEALER EDITION JANUARY 2022 24