Colour

Use the OVO colour palette to signal OVO across the experience. Born from nature and inspired by tech, it reflects our big ambitions for people and planet.

Colour tokens

Semantic / Brand

bright

#adeaa6

bold

#3be44c

brand

#0a9828

dim

#044d29

dark

#00261c

on-brand

#ffffff

on-brand-variant

#adeaa6

brand-fade-from

rgba(7,135,43,0)

brand-fade-to

#07872b

Semantic / Surface

bright

#ffffff

surface

#f9f6f3

dim

#ebe7e3

on-surface

#00261c

on-surface-variant

#635e58

border

#ebe7e3

border-dim

#d4cfcb

link

#044d29

gas

#4f66de

electricity

#cb7d07

fade-from

rgba(0,38,28,0)

fade-to

#00261c

Colour contrast ratio

Use colour combinations that pass AA for all text

Colors

#ffffff

#adeaa6

#3be44c

#16b639

#0a9828

#007226

#044d29

#00261c

#051c16

#000000

#292929

#3f3b36

#635e58

#8f8982

#d4cfcb

#ebe7e3

#f9f6f3

Neutral / white

#ffffff

Green / green-20

#adeaa6

Green / green-30

#3be44c

Green / green-40

#16b639

Green / green-50

#0a9828

Green / green-60

#007226

Green / green-70

#044d29

Green / green-80

#00261c

Green / green-90

#051c16

Neutral / black

#000000

Neutral / neutral-80

#292929

Neutral / neutral-70

#3f3b36

Neutral / neutral-60

#635e58

Neutral / neutral-50

#8f8982

Neutral / neutral-40

#d4cfcb

Neutral / neutral-30

#ebe7e3

Neutral / neutral-20

#f9f6f3

Text

DNP

1.4

Text

DNP

1.7

Text

DNP

2.7

Text

AA18

3.8

Text

6.1

Text

AAA

Text

AAA

16.2

Text

AAA

17.7

Text

AAA

Text

AAA

14.5

Text

AAA

11.1

Text

6.4

Text

AA18

3.5

Text

DNP

1.5

Text

DNP

1.2

Text

DNP

1.1

Text

DNP

1.4

Text

DNP

1.2

Text

DNP

1.9

Text

DNP

2.7

Text

AA18

4.4

Text

AAA

7.2

Text

AAA

11.7

Text

AAA

12.7

Text

AAA

15.1

Text

AAA

10.5

Text

AAA

Text

4.6

Text

DNP

2.5

Text

DNP

1.1

Text

DNP

1.1

Text

DNP

1.3

Text

DNP

1.7

Text

DNP

1.2

Text

DNP

1.6

Text

DNP

2.2

Text

AA18

3.6

Text

5.9

Text

AAA

9.6

Text

AAA

10.5

Text

AAA

12.4

Text

AAA

8.6

Text

6.6

Text

AA18

3.8

Text

DNP

Text

DNP

1.1

Text

DNP

1.4

Text

DNP

1.6

Text

DNP

2.7

Text

DNP

1.9

Text

DNP

1.6

Text

DNP

1.4

Text

DNP

2.3

Text

AA18

3.7

Text

6.6

Text

AAA

7.8

Text

5.4

Text

AA18

4.1

Text

DNP

2.4

Text

DNP

1.3

Text

DNP

1.7

Text

DNP

2.2

Text

DNP

2.5

Text

AA18

3.8

Text

DNP

2.7

Text

DNP

2.2

Text

DNP

1.4

Text

DNP

1.6

Text

DNP

2.6

Text

AA18

4.3

Text

4.7

Text

5.5

Text

AA18

3.8

Text

DNP

2.9

Text

DNP

1.7

Text

DNP

1.1

Text

DNP

2.5

Text

AA18

3.1

Text

AA18

3.5

Text

6.1

Text

AA18

4.4

Text

AA18

3.6

Text

DNP

2.3

Text

DNP

1.6

Text

DNP

1.6

Text

DNP

2.7

Text

DNP

2.9

Text

AA18

3.4

Text

DNP

2.4

Text

DNP

1.8

Text

DNP

Text

DNP

1.8

Text

AA18

Text

5.7

Text

AAA

Text

AAA

7.2

Text

5.9

Text

AA18

3.7

Text

DNP

2.6

Text

DNP

1.6

Text

DNP

1.6

Text

DNP

1.8

Text

DNP

2.1

Text

DNP

1.5

Text

DNP

1.1

Text

DNP

1.6

Text

DNP

2.9

Text

6.5

Text

AAA

8.1

Text

AAA

9.3

Text

AAA

16.2

Text

AAA

11.7

Text

AAA

9.6

Text

AA18

4.3

Text

DNP

2.7

Text

DNP

1.6

Text

DNP

1.1

Text

DNP

1.3

Text

DNP

1.1

Text

DNP

1.5

Text

DNP

2.5

Text

4.7

Text

AAA

10.5

Text

AAA

13.2

Text

AAA

15.1

Text

AAA

17.7

Text

AAA

12.7

Text

AAA

10.5

Text

6.6

Text

4.7

Text

DNP

2.9

Text

DNP

1.8

Text

DNP

1.1

Text

DNP

1.2

Text

DNP

1.2

Text

DNP

1.6

Text

DNP

2.8

Text

5.1

Text

AAA

11.5

Text

AAA

14.4

Text

AAA

16.5

Text

AAA

Text

AAA

15.1

Text

AAA

12.4

Text

AAA

7.8

Text

5.5

Text

AA18

3.4

Text

DNP

2.1

Text

DNP

1.3

Text

DNP

1.2

Text

DNP

1.4

Text

DNP

1.9

Text

AA18

3.3

Text

6.1

Text

AAA

13.6

Text

AAA

17.1

Text

AAA

19.5

Text

AAA

14.5

Text

AAA

10.5

Text

AAA

8.6

Text

5.4

Text

AA18

3.8

Text

DNP

2.4

Text

DNP

1.5

Text

DNP

1.1

Text

DNP

1.2

Text

DNP

1.4

Text

DNP

1.3

Text

DNP

2.3

Text

AA18

4.2

Text

AAA

9.4

Text

AAA

11.8

Text

AAA

13.5

Text

AAA

11.1

Text

AAA

Text

6.6

Text

AA18

4.1

Text

DNP

2.9

Text

DNP

1.8

Text

DNP

1.1

Text

DNP

1.5

Text

DNP

1.6

Text

DNP

1.9

Text

DNP

1.3

Text

DNP

1.7

Text

AA18

3.2

Text

AAA

7.2

Text

AAA

Text

AAA

10.3

Text

6.4

Text

4.6

Text

AA18

3.8

Text

DNP

2.4

Text

DNP

1.7

Text

DNP

Text

DNP

1.6

Text

DNP

2.5

Text

DNP

2.8

Text

AA18

3.3

Text

DNP

2.3

Text

DNP

1.7

Text

DNP

1.9

Text

AA18

4.2

Text

5.2

Text

AA18

3.5

Text

DNP

2.5

Text

DNP

Text

DNP

1.3

Text

DNP

1.1

Text

DNP

1.8

Text

DNP

2.9

Text

4.7

Text

5.1

Text

6.1

Text

AA18

4.2

Text

AA18

3.2

Text

DNP

1.9

Text

DNP

2.2

Text

DNP

2.8

Text

AA18

3.2

Text

DNP

1.5

Text

DNP

1.1

Text

DNP

1.1

Text

DNP

1.7

Text

DNP

2.5

Text

AA18

Text

6.5

Text

AAA

10.5

Text

AAA

11.5

Text

AAA

13.6

Text

AAA

9.4

Text

AAA

7.2

Text

AA18

4.2

Text

DNP

2.2

Text

DNP

1.3

Text

DNP

1.4

Text

DNP

1.2

Text

DNP

1.1

Text

DNP

1.4

Text

DNP

2.2

Text

AA18

3.1

Text

AAA

8.1

Text

AAA

13.2

Text

AAA

14.4

Text

AAA

17.1

Text

AAA

11.8

Text

AAA

Text

5.2

Text

DNP

2.8

Text

DNP

1.3

Text

DNP

1.1

Text

DNP

1.1

Text

DNP

1.3

Text

DNP

1.6

Text

DNP

2.5

Text

AA18

3.5

Text

5.7

Text

AAA

9.3

Text

AAA

15.1

Text

AAA

16.5

Text

AAA

19.5

Text

AAA

13.5

Text

AAA

10.3

Text

AA18

3.2

Text

DNP

1.4

Text

DNP

1.1

Join the community

For the latest features, asking questions and seeing how people are using Element across OVO experiences, join our Slack channel.

Colour

Use the OVO colour palette to signal OVO across the experience. Born from nature and inspired by tech, it reflects our big ambitions for people and planet.

Colour tokens

Colour contrast ratio

Join the community

Resources

Support