Blue Color Page

Background Color

Blue Color

.bg-blue

#2196F3

#42A5F5

Blue Lighten 1

.bg-blue.bg-lighten-1

#64B5F6

Blue Lighten 2

.bg-blue.bg-lighten-2

#90CAF9

Blue Lighten 3

.bg-blue.bg-lighten-3

#BBDEFB

Blue Lighten 4

.bg-blue.bg-lighten-4

#1E88E5

Blue Darken 1

.bg-blue.bg-darken-1

#1976D2

Blue Darken 2

.bg-blue.bg-darken-2

#1565C0

Blue Darken 3

.bg-blue.bg-darken-3

#0D47A1

Blue Darken 4

.bg-blue.bg-darken-4

#82B1FF

Blue Accent 1

.bg-blue.bg-accent-1

#448AFF

Blue Accent 2

.bg-blue.bg-accent-2

#2979FF

Blue Accent 3

.bg-blue.bg-accent-3

#2962FF

Blue Accent 4

.bg-blue.bg-accent-4

Border Color

Blue Border

.border-blue

#2196F3

#42A5F5

Blue Lighten 1

.border-blue.border-lighten-1

#64B5F6

Blue Lighten 2

.border-blue.border-lighten-2

#90CAF9

Blue Lighten 3

.border-blue.border-lighten-3

#BBDEFB

Blue Lighten 4

.border-blue.border-lighten-4

#1E88E5

Blue Darken 1

.border-blue.border-darken-1

#1976D2

Blue Darken 2

.border-blue.border-darken-2

#1565C0

Blue Darken 3

.border-blue.border-darken-3

#0D47A1

Blue Darken 4

.border-blue.border-darken-4

#82B1FF

Blue Accent 1

.border-blue.border-accent-1

#448AFF

Blue Accent 2

.border-blue.border-accent-2

#2979FF

Blue Accent 3

.border-blue.border-accent-3

#2962FF

Blue Accent 4

.border-blue.border-accent-4

Text Color

Blue Color

.blue

#2196F3

#42A5F5

Blue Lighten 1

.blue.lighten-1

#64B5F6

Blue Lighten 2

.blue.lighten-2

#90CAF9

Blue Lighten 3

.blue.lighten-3

#BBDEFB

Blue Lighten 4

.blue.lighten-4

#1E88E5

Blue Darken 1

.blue.darken-4

#1976D2

Blue Darken 2

.blue.darken-2

#1565C0

Blue Darken 3

.blue.darken-3

#0D47A1

Blue Darken 4

.blue.darken-4

#82B1FF

Blue Accent 1

.blue.accent-1

#448AFF

Blue Accent 2

.blue.accent-2

#2979FF

Blue Accent 3

.blue.accent-3

#2962FF

Blue Accent 4

.blue.accent-4

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder