Color style

Light Colors: Names, HEX Codes & Pale Shades

In this library a color counts as light when its HSL lightness is 72% or higher. The group includes pale pastels, off-whites, sky blues, light yellows and soft pinks, drawn from every color family.

Light colors are the natural choice for backgrounds, panels and highlights. Because they are bright, they work with black or dark text, and none of them reaches 4.5:1 contrast with white text.

Light colors at a glance

143light colors in the library

83%average HSL lightness

86%average HSL saturation

0%reach 4.5:1 contrast with white text

100%reach 4.5:1 contrast with black text

Extremes among light colors
Extreme	Color	HEX	HSL
Lightest	White	`#FFFFFF`	`hsl(0, 0%, 100%)`
Darkest	Light Coral	`#F08080`	`hsl(0, 79%, 72%)`
Most saturated	Very Light Pink	`#FFF4F2`	`hsl(9, 100%, 97%)`
Least saturated	Gainsboro	`#DCDCDC`	`hsl(0, 0%, 86%)`

Popular light colors

Violet#EE82EE Sky Blue#87CEEB Peach#FFB07C Light Green#90EE90 Plum#DDA0DD Silver#C0C0C0 Mint Green#8FFF9F Light Blue#ADD8E6 Lilac#CEA2FD Cream#FFFFC2 Pink#FFC0CB Beige#F5F5DC

Using light colors

Page, card and table backgrounds, with dark text on top.
Highlights and selection colors, such as marking a row or a search match.
Soft tints for charts and map regions.
Light mode surfaces and subtle dividers.

Light colors can disappear on a white page. Add a border or a darker shade of the same hue so shapes stay visible. WCAG asks for 3:1 contrast for meaningful graphics and interface parts.

To lighten a color without washing it out, raise its HSL lightness and keep its hue. The tints and shades tool does this in even steps.

All 143 light colors

Alice Blue#F0F8FF Antique White#FAEBD7 Aquamarine#7FFFD4 Azure#F0FFFF Baby Blue#A2CFFE Baby Pink#FFB7CE Baby Purple#CA9BF7 Banana#FFFF7E Beige#F5F5DC Bisque#FFE4C4 Blanched Almond#FFEBCD Blush#F29E8E Blush Pink#FE828C Bubblegum Pink#FE83CC Buff#FEF69E Carnation#FD798F Carnation Pink#FF7FA7 Carolina Blue#8AB8FE Celadon#BEFDB7 Celery#C1FD95 Cloudy Blue#ACC2D9 Cornsilk#FFF8DC Cream#FFFFC2 Creme#FFFFB6 Custard#FFFD78 Duck Egg Blue#C3FBF4 Easter Green#8CFD7E Ecru#FEFFCA Eggshell#FFFFD4 Faded Pink#DE9DAC Floral White#FFFAF0 Foam Green#90FDA9 Gainsboro#DCDCDC Ghost White#F8F8FF Honeydew#F0FFF0 Hospital Green#9BE5AA Ice#D6FFFA Ice Blue#D7FFFE Ivory#FFFFF0 Khaki#F0E68C Lavender#E6E6FA Lavender Blue#8B88F8 Lavender Blush#FFF0F5 Lemon Chiffon#FFFACD Light Aqua#8CFFDB Light Aquamarine#7BFDC7 Light Blue#ADD8E6 Light Blue Gray#B7C9E2 Light Blue Green#7EFBB3 Light Coral#F08080 Light Cyan#E0FFFF Light Goldenrod Yellow#FAFAD2 Light Gray#D3D3D3 Light Gray Blue#9DBCD4 Light Gray Green#B7E1A1 Light Green#90EE90 Light Khaki#E6F2A2 Light Lavender#DFC5FE Light Lilac#EDC8FF Light Mint#B6FFBB Light Mint Green#A6FBB2 Light Pastel Green#B2FBA5 Light Pea Green#C4FE82 Light Peach#FFD8B1 Light Periwinkle#C1C6FC Light Pink#FFB6C1 Light Sage#BCECAC Light Salmon#FFA07A Light Seafoam#A0FEBF Light Sky Blue#87CEFA Light Steel Blue#B0C4DE Light Tan#FBEEAC Light Teal#90E4C1 Light Turquoise#7EF4CC Light Violet#D6B4FC Light Yellow#FFFFE0 Light Yellow Green#CCFD7F Lilac#CEA2FD Linen#FAF0E6 Mint#9FFEB0 Mint Cream#F5FFFA Mint Green#8FFF9F Misty Rose#FFE4E1 Moccasin#FFE4B5 Navajo White#FFDEAD Off White#FFFFE4 Old Lace#FDF5E6 Pale Aqua#B8FFEB Pale Blue#D0FEFE Pale Cyan#B7FFFA Pale Goldenrod#EEE8AA Pale Green#98FB98 Pale Lavender#EECFFE Pale Lilac#E4CBFF Pale Lime#BEFD73 Pale Mauve#FED0FC Pale Peach#FFE5AD Pale Pink#FFCFDC Pale Rose#FDC1C5 Pale Salmon#FFB19A Pale Sky Blue#BDF6FE Pale Turquoise#AFEEEE Pale Violet#CEAEFA Pale Yellow#FFFF84 Papaya Whip#FFEFD5 Parchment#FEFCAF Pastel Blue#A2BFFE Pastel Green#B0FF9D Pastel Pink#FFBACD Pastel Purple#CAA0FF Pastel Yellow#FFFE71 Peach#FFB07C Peach Puff#FFDAB9 Peachy Pink#FF9A8A Periwinkle#8E82FE Periwinkle Blue#8F99FB Pig Pink#E78EA5 Pink#FFC0CB Pistachio#C0FA8B Plum#DDA0DD Powder Blue#B0E0E6 Powder Pink#FFB2D0 Rosa#FE86A4 Rose Pink#F7879A Salmon Pink#FE7B7C Sandy Yellow#FDEE73 Seafoam#80F9AD Seashell#FFF5EE Silver#C0C0C0 Sky#82CAFC Sky Blue#87CEEB Snow#FFFAFA Soft Pink#FDB0C0 Straw#FCF679 Tea Green#BDF8A3 Thistle#D8BFD8 Very Light Pink#FFF4F2 Very Light Purple#F6CEFC Very Pale Green#CFFDBC Violet#EE82EE Wheat#F5DEB3 White#FFFFFF White Smoke#F5F5F5

More styles

Dark (108)Pastel (127)Vibrant (245)Neutral (99)Warm (282)Cool (148) All families