Color scales for every named CSS color
Pick any of the 137 named CSS colors below to see its full 11-step scale, the semantic colors derived from it, and exports in five formats. Or type your own hex in the generator.
Reds
Oranges
- Antique White#faebd7
- Bisque#ffe4c4
- Blanched Almond#ffebcd
- Burlywood#deb887
- Chocolate#d2691e
- Coral#ff7f50
- Dark Goldenrod#b8860b
- Dark Orange#ff8c00
- Dark Salmon#e9967a
- Floral White#fffaf0
- Goldenrod#daa520
- Light Salmon#ffa07a
- Linen#faf0e6
- Moccasin#ffe4b5
- Navajo White#ffdead
- Old Lace#fdf5e6
- Orange#ffa500
- Orange Red#ff4500
- Papaya Whip#ffefd5
- Peach Puff#ffdab9
- Peru#cd853f
- Saddle Brown#8b4513
- Sandy Brown#f4a460
- Seashell#fff5ee
- Sienna#a0522d
- Tan#d2b48c
- Wheat#f5deb3
Yellows
Greens
- Aquamarine#7fffd4
- Chartreuse#7fff00
- Dark Green#006400
- Dark Olive Green#556b2f
- Dark Sea Green#8fbc8f
- Forest Green#228b22
- Green#008000
- Green Yellow#adff2f
- Honeydew#f0fff0
- Lawn Green#7cfc00
- Light Green#90ee90
- Lime#00ff00
- Lime Green#32cd32
- Medium Aquamarine#66cdaa
- Medium Sea Green#3cb371
- Medium Spring Green#00fa9a
- Mint Cream#f5fffa
- Olive Drab#6b8e23
- Pale Green#98fb98
- Sea Green#2e8b57
- Spring Green#00ff7f
- Yellow Green#9acd32
Cyans
Blues
- Alice Blue#f0f8ff
- Blue#0000ff
- Cornflower Blue#6495ed
- Dark Blue#00008b
- Dark Slate Blue#483d8b
- Dodger Blue#1e90ff
- Ghost White#f8f8ff
- Lavender#e6e6fa
- Light Sky Blue#87cefa
- Light Slate Gray#778899
- Light Steel Blue#b0c4de
- Medium Blue#0000cd
- Medium Slate Blue#7b68ee
- Midnight Blue#191970
- Navy#000080
- Royal Blue#4169e1
- Slate Blue#6a5acd
- Slate Gray#708090
- Steel Blue#4682b4