Pink Color
Back to top

Pink Color Palette Documetation

  1. Home
  2. Color Palette
  3. Pink

Pink

Pink Color Palette with color code and other elements.

Pink Background Color
Background Color Options Class Description
Background Color .bg-pink Pink Class for background color.
Lighten Color .bg-pink.bg-lighten-* For lighten pink background color, this two classes needed. Here *: 1,2,3,4 lighten pink color options.
Darken Color .bg-pink.bg-darken-* For darken pink background color, this two classes needed. Here *: 1,2,3,4 darken pink color options.
Accent Color .bg-pink.bg-accent-* For accent pink background color, this two classes needed. Here *: 1,2,3,4 accent pink color options.

Pink Border Color

Border Color Options Class Description
Border Color .border-pink Pink Class for background color.
Lighten Border .border-pink
.border-lighten-*		 For lighten pink background color, this two classes needed. Here *: 1,2,3,4 lighten pink color options.
Lighten Top Border .border-top-pink
.border-top-lighten-*		 For lighten pink top border. Use this classes if you need to highlight only top border.
Lighten Bottom Border .
.border-bottom-lighten-*		 For lighten pink bottom border. Use this classes if you need to highlight only bottom border.
Lighten Right Border .border-right-pink
.border-right-lighten-*		 For lighten pink right border. Use this classes if you need to highlight only right border.
Lighten Left Border .border-left-pink
.border-left-lighten-*		 For lighten pink left border. Use this classes if you need to highlight only left border.
Darken Border .border-pink
.border-darken-*		 For darken pink background color, this two classes needed. Here *: 1,2,3,4 darken pink color options.
Darken Top Border .border-top-pink
.border-top-darken-*		 For darken pink top border. Use this classes if you need to highlight only top border.
Darken Bottom Border .
.border-bottom-darken-*		 For darken pink bottom border. Use this classes if you need to highlight only bottom border.
Darken Right Border .border-right-pink
.border-right-darken-*		 For darken pink right border. Use this classes if you need to highlight only right border.
Darken Left Border .border-left-pink
.border-left-darken-*		 For darken pink left border. Use this classes if you need to highlight only left border.
Accent Border .border-pink
.border-accent-*		 For accent pink background color, this two classes needed. Here *: 1,2,3,4 accent pink color options.
Accent Top Border .border-top-pink
.border-top-accent-*		 For accent pink top border. Use this classes if you need to highlight only top border.
Accent Bottom Border .
.border-bottom-accent-*		 For accent pink bottom border. Use this classes if you need to highlight only bottom border.
Accent Right Border .border-right-pink
.border-right-accent-*		 For accent pink right border. Use this classes if you need to highlight only right border.
Accent Left Border .border-left-pink
.border-left-accent-*		 For accent pink left border. Use this classes if you need to highlight only left border.

Pink Text Color

Border Color Options Class Description
Text Color .pink Class for Pink Text color.
Lighten Color .pink.lighten-* For lighten pink text color, this two classes needed. Here *: 1,2,3,4 for lighten pink color options.
Darken Color .pink.darken-* For darken pink text color, this two classes needed. Here *: 1,2,3,4 for darken pink color options.
Accent Color .pink.accent-* For accent pink text color, this two classes needed. Here *: 1,2,3,4 for accent pink color options.