Browse colors

Explore 36,164 named colors by family and brightness


36164 colors found

Key Takeaway: What is the Browse Colors Directory?

The Browse Colors Tool is an extensive online library containing 36,164 named colors curated for designers, web developers, brand strategists, and artists. It categorizes color shades across 12 chromatic families (Red, Orange, Yellow, Green, Cyan, Blue, Purple, Pink, Brown, Gray, White, Black) and 3 luminance tiers (Light, Medium, Dark). Instantly search color names or copy HEX codes for UI design projects.

Use Cases: UI Design, CSS Color Selection, Brand IdentityRelated Tools:Color Picker · Color Contrast Checker

Comprehensive Guide to Color Families and Brightness

Color names play a vital role in design systems, digital art, and web development. From classical pigments to modern sRGB and Display P3 color spaces, categorized color palettes streamline the creation of harmonious user interfaces.

Color Family & Psychological Characteristics Matrix

Color FamilyHue Range (sRGB)Primary Psychological AssociationsPopular Named Examples
Red0° – 15° & 345° – 360°Energy, urgency, passion, warmth, alert statesCrimson Zenith, Tuscan Cognac, Bordeaux Ember
Orange & Apricot15° – 45°Creativity, enthusiasm, friendliness, vitalitySunwashed Apricot, Saffron Ledger, Amber Solace
Yellow & Gold45° – 70°Optimism, clarity, warmth, caution, intellectSunlit Chartreuse, Honeyed Parchment, Saffron Ledger
Green & Lime70° – 165°Nature, growth, tranquility, health, financial stabilityElectric Limeleaf, Pistachio Canopy, Emerald Horizon
Cyan & Teal165° – 195°Freshness, clarity, modern tech, serenitySea Glass Whisper, Teal Reverie, Cyan Tide
Blue & Slate195° – 255°Trust, security, professionalism, calm, depthMariner's Cloak, Midnight Harbor Slate, Admiral's Ledger
Purple & Lavender255° – 290°Luxury, mystery, sophistication, spiritualityVelvet Thistle, Midnight Amethyst, Moonlit Periwinkle
Pink & Blush290° – 345°Romance, softness, playfulness, eleganceDawn Blush, Blush Veil, Antique Blushstone

Frequently Asked Questions (FAQ)

Direct Answer: This tool features an extensive database of 36,164 named colors, combining standardized CSS color names, Resene color lists, Pantone references, and algorithmic shade classifications.

Direct Answer: Colors are categorized by converting HEX codes to HSL (Hue, Saturation, Lightness). Hue determines the color family (e.g. 0°-15° Red, 195°-255° Blue), while Lightness determines brightness (Light > 70%, Medium 30%-70%, Dark < 30%).

Direct Answer: Yes. Simply click on any color card swatch or click the copy icon on the card footer to copy the HEX code (e.g., #BA8369) instantly to your clipboard.
Copied #BA8369 to clipboard!