Primary Color Page

Background Color

Primary Color

.bg-Primary

#FFC107

#7D84EB

primary Lighten 1

.bg-primary.bg-lighten-1

#949AEF

primary Lighten 2

.bg-primary.bg-lighten-2

#B3B7F4

primary Lighten 3

.bg-primary.bg-lighten-3

#D1D4F8

primary Lighten 4

.bg-primary.bg-lighten-4

#5E66E5

primary Darken 1

.bg-primary.bg-darken-1

#535BE2

primary Darken 2

.bg-primary.bg-darken-2

#4951DE

primary Darken 3

.bg-primary.bg-darken-3

#383FD8

primary Darken 4

.bg-primary.bg-darken-4

#E2E2FF

primary Accent 1

.bg-primary.bg-accent-1

#DBDBFF

primary Accent 2

.bg-primary.bg-accent-2

#BCBFFF

primary Accent 3

.bg-primary.bg-accent-3

#A2A6FF

primary Accent 4

.bg-primary.bg-accent-4

Border Color

Primary Color

.border-primary

#666EE8

#26C0C3

Primary Lighten 1

.border-primary.border-lighten-1

#949AEF

Primary Lighten 2

.border-primary.border-lighten-2

#B3B7F4

Primary Lighten 3

.border-primary.border-lighten-3

#D1D4F8

Primary Lighten 4

.border-primary.border-lighten-4

#5E66E5

Primary Lighten 1

.border-primary.border-lighten-1

#535BE2

Primary Lighten 2

.border-primary.border-lighten-2

#4951DE

Primary Lighten 3

.border-primary.border-lighten-3

#383FD8

Primary Lighten 4

.border-primary.border-lighten-4

#E2E2FF

Primary Accent 1

.border-primary.border-accent-1

#DBDBFF

Primary Accent 2

.border-primary.border-accent-2

#BCBFFF

Primary Accent 3

.border-primary.border-accent-3

#A2A6FF

Primary Accent 4

.border-primary.border-accent-4

Text Color

Primary Color

.primary

#666EE8

#26C0C3

Primary Lighten 1

.primary.lighten-1

#949AEF

Primary Lighten 2

.primary.lighten-2

#B3B7F4

Primary Lighten 3

.primary.lighten-3

#D1D4F8

Primary Lighten 4

.primary.lighten-4

#5E66E5

Primary Darken 1

.primary.darken-1

#535BE2

Primary Darken 2

.primary.darken-2

#4951DE

Primary Darken 3

.primary.darken-3

#383FD8

Primary Darken 4

.primary.darken-4

#E2E2FF

Primary Accent 1

.primary.accent-1

#DBDBFF

Primary Accent 2

.primary.accent-2

#BCBFFF

Primary Accent 3

.primary.accent-3

#A2A6FF

Primary Accent 4

.primary.accent-4

Chameleon