Cyan Color Page

Background Color

Cyan Color

.bg-cyan

#00BCD4

#26C6DA

Cyan Lighten 1

.bg-cyan.bg-lighten-1

#4DD0E1

Cyan Lighten 2

.bg-cyan.bg-lighten-2

#80DEEA

Cyan Lighten 3

.bg-cyan.bg-lighten-3

#B2EBF2

Cyan Lighten 4

.bg-cyan.bg-lighten-4

#00ACC1

Cyan Darken 1

.bg-cyan.bg-darken-4

#0097A7

Cyan Darken 2

.bg-cyan.bg-darken-2

#00838F

Cyan Darken 3

.bg-cyan.bg-darken-3

#006064

Cyan Darken 4

.bg-cyan.bg-darken-4

#84FFFF

Cyan Accent 1

.bg-cyan.bg-accent-1

#18FFFF

Cyan Accent 2

.bg-cyan.bg-accent-2

#00E5FF

Cyan Accent 3

.bg-cyan.bg-accent-3

#00B8D4

Cyan Accent 4

.bg-cyan.bg-accent-4

Border Color

Cyan Color

.border-cyan

#00BCD4

#26C6DA

Cyan Lighten 1

.border-cyan.border-lighten-1

#4DD0E1

Cyan Lighten 2

.border-cyan.border-lighten-2

#80DEEA

Cyan Lighten 3

.border-cyan.border-lighten-3

#B2EBF2

Cyan Lighten 4

.border-cyan.border-lighten-4

#00ACC1

Cyan Darken 1

.border-cyan.border-darken-1

#0097A7

Cyan Darken 2

.border-cyan.border-darken-2

#00838F

Cyan Darken 3

.border-cyan.border-darken-3

#006064

Cyan Darken 4

.border-cyan.border-darken-4

#84FFFF

Cyan Accent 1

.border-cyan.border-accent-1

#18FFFF

Cyan Accent 2

.border-cyan.border-accent-2

#00E5FF

Cyan Accent 3

.border-cyan.border-accent-3

#00B8D4

Cyan Accent 4

.border-cyan.border-accent-4

Text Color

Cyan Color

.cyan

#00BCD4

#26C6DA

Cyan Lighten 1

.cyan.lighten-1

#4DD0E1

Cyan Lighten 2

.cyan.lighten-2

#80DEEA

Cyan Lighten 3

.cyan.lighten-3

#B2EBF2

Cyan Lighten 4

.cyan.lighten-4

#00ACC1

Cyan Darken 1

.cyan.darken-1

#0097A7

Cyan Darken 2

.cyan.darken-2

#00838F

Cyan Darken 3

.cyan.darken-3

#006064

Cyan Darken 4

.cyan.darken-4

#84FFFF

Cyan Accent 4

.cyan.accent-4

#18FFFF

Cyan Accent 2

.cyan.accent-2

#00E5FF

Cyan Accent 3

.cyan.accent-3

#00B8D4

Cyan Accent 4

.cyan.accent-4

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder