Teal Color Page

Background Color

teal Color

.bg-teal

#009688

#26A69A

Teal Lighten 1

.bg-teal.bg-lighten-1

#4DB6AC

Teal Lighten 2

.bg-teal.bg-lighten-2

#80CBC4

Teal Lighten 3

.bg-teal.bg-lighten-3

#B2DFDB

Teal Lighten 4

.bg-teal.bg-lighten-4

#00897B

Teal Darken 1

.bg-teal.bg-darken-1

#00796B

Teal Darken 2

.bg-teal.bg-darken-2

#00695C

Teal Darken 3

.bg-teal.bg-darken-3

#004D40

Teal Darken 4

.bg-teal.bg-darken-4

#A7FFEB

Teal Accent 1

.bg-teal.bg-accent-1

#64FFDA

Teal Accent 2

.bg-teal.bg-accent-2

#1DE9B6

Teal Accent 3

.bg-teal.bg-accent-3

#00BFA5

Teal Accent 4

.bg-teal.bg-accent-4

Border Color

Teal Color

.border-teal

#009688

#26A69A

Teal Lighten 1

.border-teal.border-lighten-1

#4DB6AC

Teal Lighten 2

.border-teal.border-lighten-2

#80CBC4

Teal Lighten 3

.border-teal.border-lighten-3

#B2DFDB

Teal Lighten 4

.border-teal.border-lighten-4

#00897B

Teal Darken 1

.border-teal.border-darken-1

#00796B

Teal Darken 2

.border-teal.border-darken-2

#00695C

Teal Darken 3

.border-teal.border-darken-3

#004D40

Teal Darken 4

.border-teal.border-darken-4

#A7FFEB

Teal Darken 1

.border-teal.border-darken-1

#64FFDA

Teal Darken 2

.border-teal.border-darken-2

#1DE9B6

Teal Darken 3

.border-teal.border-darken-3

#00BFA5

Teal Darken 4

.border-teal.border-darken-4

Teal Text Color

Teal Color

.teal

#009688

#26A69A

Teal Lighten 1

.teal.lighten-1

#4DB6AC

Teal Lighten 2

.teal.lighten-2

#80CBC4

Teal Lighten 3

.teal.lighten-3

#B2DFDB

Teal Lighten 4

.teal.lighten-4

#00897B

Teal Darken 1

.teal.darken-1

#00796B

Teal Darken 2

.teal.darken-2

#00695C

Teal Darken 3

.teal.darken-3

#004D40

Teal Darken 4

.teal.darken-4

#A7FFEB

Teal Accent 1

.teal.accent-1

#64FFDA

Teal Accent 2

.teal.accent-2

#1DE9B6

Teal Accent 3

.teal.accent-3

#00BFA5

Teal Accent 4

.teal.accent-4

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder