Yellow Color

  1. Home
  2. Color System
  3. Yellow Palette

Background Color

Yellow Color

.bg-yellow

#FFEB3B

#FFEE58

Yellow Lighten 1

.bg-yellow.bg-lighten-1

#FFF176

Yellow Lighten 2

.bg-yellow.bg-lighten-2

#FFF59D

Yellow Lighten 3

.bg-yellow.bg-lighten-3

#FFF9C4

Yellow Lighten 4

.bg-yellow.bg-lighten-4

#FDD835

Yellow Darken 1

.bg-yellow.bg-darken-1

#FBC02D

Yellow Darken 2

.bg-yellow.bg-darken-2

#F9A825

Yellow Darken 3

.bg-yellow.bg-darken-3

#F57F17

Yellow Darken 4

.bg-yellow.bg-darken-4

#FFFF8D

Yellow Accent 1

.bg-yellow.bg-accent-1

#FFFF00

Yellow Accent 2

.bg-yellow.bg-accent-2

#FFEA00

Yellow Accent 3

.bg-yellow.bg-accent-3

#FFD600

Yellow Accent 4

.bg-yellow.bg-accent-4

Border Color

Yellow Color

.border-yellow

#FFEB3B

#FFEE58

Yellow Lighten 1

.border-yellow.border-lighten-1

#FFF176

Yellow Lighten 2

.border-yellow.border-lighten-2

#FFF59D

Yellow Lighten 3

.border-yellow.border-lighten-3

#FFF9C4

Yellow Lighten 4

.border-yellow.border-lighten-4

#FDD835

Yellow Darken 1

.border-yellow.border-darken-1

#FBC02D

Yellow Darken 2

.border-yellow.border-darken-2

#F9A825

Yellow Darken 3

.border-yellow.border-darken-3

#F57F17

Yellow Darken 4

.border-yellow.border-darken-4

#FFFF8D

Yellow Darken 1

.border-yellow.border-darken-1

#FFFF00

Yellow Darken 2

.border-yellow.border-darken-2

#FFEA00

Yellow Darken 3

.border-yellow.border-darken-3

#FFD600

Yellow Darken 4

.border-yellow.border-darken-4

Text Color

Yellow Color

.yellow

#FFEB3B

#FFEE58

Amber Lighten 1

.amber.lighten-1

#FFF176

Amber Lighten 2

.amber.lighten-2

#FFF59D

Amber Lighten 3

.amber.lighten-3

#FFF9C4

Amber Lighten 4

.amber.lighten-4

#FDD835

Amber Darken 1

.amber.darken-1

#FBC02D

Amber Darken 2

.amber.darken-2

#F9A825

Amber Darken 3

.amber.darken-3

#F57F17

Amber Darken 4

.amber.darken-4

#FFFF8D

Accent accent 1

.amber.accent-1

#FFFF00

Accent accent 2

.amber.accent-2

#FFEA00

Accent accent 3

.amber.accent-3

#FFD600

Accent accent 4

.amber.accent-4

Navbar Color Options
Layout Options
Sidebar menu Background
Sidebar Background Image
background image
background image
background image
background image
More Themes
Try Layout Builder