Explore 3,564 named color shades organized into 11 families. Every color has its own page with HEX, RGB, HSL, HSV and CMYK values, matching shades and tints, color harmonies, contrast ratios and ready-to-copy CSS.
Loading colors…
Loading gradients…
Browse color shades by family
- Red shades (253)
- Orange shades (132)
- Yellow shades (255)
- Green shades (893)
- Blue shades (850)
- Purple shades (336)
- Pink shades (485)
- Brown shades (218)
- Gray shades (62)
- Black shades (69)
- White shades (11)
Red color shades
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold.
- Crimson
#DC143C - Fire Brick
#B22222 - Indian Red
#CD5C5C - Light Coral
#F08080 - Salmon
#FA8072 - Tomato
#FF6347 - Brown
#A52A2A - Dark Red
#8B0000 - Maroon
#800000 - Red
#FF0000 - Rosy Brown
#BC8F8F - Burgundy
#800020
Orange color shades
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands.
- Coral
#FF7F50 - Dark Orange
#FF8C00 - Orange
#FFA500 - Peach Puff
#FFDAB9 - Antique White
#FAEBD7 - Bisque
#FFE4C4 - Blanched Almond
#FFEBCD - Dark Salmon
#E9967A - Goldenrod
#DAA520 - Light Salmon
#FFA07A - Linen
#FAF0E6 - Moccasin
#FFE4B5
Yellow color shades
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs.
- Gold
#FFD700 - Khaki
#F0E68C - Lemon Chiffon
#FFFACD - Light Yellow
#FFFFE0 - Cornsilk
#FFF8DC - Dark Khaki
#BDB76B - Light Goldenrod Yellow
#FAFAD2 - Olive
#808000 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58
Green color shades
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces.
- Chartreuse
#7FFF00 - Lime Green
#32CD32 - Forest Green
#228B22 - Sea Green
#2E8B57 - Mint Cream
#F5FFFA - Pale Green
#98FB98 - Aquamarine
#7FFFD4 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green
#008000 - Green Yellow
#ADFF2F
Blue color shades
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands.
- Teal
#008080 - Cyan
#00FFFF - Sky Blue
#87CEEB - Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Blue
#0000FF - Navy
#000080 - Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B
Purple color shades
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel.
- Lavender
#E6E6FA - Thistle
#D8BFD8 - Orchid
#DA70D6 - Violet
#EE82EE - Rebecca Purple
#663399 - Indigo
#4B0082 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Amethyst
#9966CC
Pink color shades
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness.
- Pink
#FFC0CB - Light Pink
#FFB6C1 - Hot Pink
#FF69B4 - Deep Pink
#FF1493 - Pale Violet Red
#DB7093 - Dark Magenta
#8B008B - Fuchsia
#FF00FF - Medium Violet Red
#C71585 - Misty Rose
#FFE4E1 - Plum
#DDA0DD - Purple
#800080 - Ruby
#E0115F
Brown color shades
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs.
- Burly Wood
#DEB887 - Tan
#D2B48C - Peru
#CD853F - Chocolate
#D2691E - Saddle Brown
#8B4513 - Beige
#F5F5DC - Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000
Gray color shades
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out.
- Gainsboro
#DCDCDC - Silver
#C0C0C0 - Dark Gray
#A9A9A9 - Slate Gray
#708090 - Dim Gray
#696969 - Gray
#808080 - Light Gray
#D3D3D3 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50
Black color shades
Black and near-black shades give depth, contrast and a sense of sophistication. Dark neutrals are the foundation of dark modes, text colors and high-end branding.
- Black
#000000 - Charcoal
#36454F - Jet Black
#0A0A0A - Neutral Gray 5
#0D0D0D - Neutral Gray 10
#1A1A1A - Warm Gray 5
#0E0D0C - Warm Gray 10
#1C1A17 - Cool Gray 5
#0C0D0E - Cool Gray 10
#17191C - Darkest Dusty Red
#1F1414 - Darkest Dusty Scarlet
#1F1514 - Darkest Dusty Vermilion
#1F1614
White color shades
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness.
- White
#FFFFFF - Snow
#FFFAFA - Ivory
#FFFFF0 - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Azure
#F0FFFF - Floral White
#FFFAF0 - Honeydew
#F0FFF0 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE - White Smoke
#F5F5F5