Skip to content
ColorDB.org
Menu
Colors

Search and browse colors with both quick lookup and real context.

The ColorDB color database helps you search, filter, and compare colors by name, value, family, and tags. It is designed for both quick lookup and open-ended exploration.

Use the color database when you already know a color name, have a hex value to investigate, or want to browse colors by mood and design role.

How this directory is organized

Curated ColorDB colors have richer static detail pages and editorial context. The broader searchable reference list comes from the local full `color-name-list` package and is used here as raw reference data only.

Filtered color results

Curated ColorDB pages

These colors are indexable editorial entries with detail pages, usage notes, related colors, and internal links.

warm colors

Red

#FF3B30

Curatedprimarywarmalertenergetic

Red

Red is urgent, assertive, and highly visible, which makes it common in alerts, promotions, and sports branding.

RGB
rgb(255, 59, 48)
HSL
hsl(3, 100%, 59%)

Full color page, usage notes, and related links

cool colors

Blue

#2563EB

Curatedprimarycooltrustui

Blue

Blue often signals trust, stability, and clarity, so it appears frequently in product interfaces and business identities.

RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)

Full color page, usage notes, and related links

cool colors

Green

#22C55E

Curatedcoolnaturesuccessgrowth

Green

Green bridges nature, safety, and growth, working well for success states, finance, and eco-focused messaging.

RGB
rgb(34, 197, 94)
HSL
hsl(142, 71%, 45%)

Full color page, usage notes, and related links

neutrals

Black

#111111

Curatedneutraltextluxurycontrast

Black

Black gives layouts weight and structure. It is useful for high-contrast text, luxury cues, and restrained minimal systems.

RGB
rgb(17, 17, 17)
HSL
hsl(0, 0%, 7%)

Full color page, usage notes, and related links

neutrals

White

#FFFFFF

Curatedneutralbackgroundcleancontrast

White

White creates visual breathing room and helps saturated accents stand out while keeping interfaces legible.

RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)

Full color page, usage notes, and related links

cool colors

Cyan

#06B6D4

Curatedcooltechfreshaccent

Cyan

Cyan feels fresh and technical, making it useful in dashboards, futuristic palettes, and digital product accents.

RGB
rgb(6, 182, 212)
HSL
hsl(189, 94%, 43%)

Full color page, usage notes, and related links

warm colors

Magenta

#D946EF

Curatedwarmcreativeaccenteditorial

Magenta

Magenta reads expressive and contemporary. It works as a strong accent when a brand wants energy without defaulting to red.

RGB
rgb(217, 70, 239)
HSL
hsl(292, 84%, 61%)

Full color page, usage notes, and related links

warm colors

Yellow

#FACC15

Curatedwarmoptimistichighlightattention

Yellow

Yellow draws attention quickly and can feel optimistic, but it needs careful contrast handling in interfaces and text.

RGB
rgb(250, 204, 21)
HSL
hsl(48, 96%, 53%)

Full color page, usage notes, and related links

warm colors

Orange

#F97316

Curatedwarmfriendlyctavibrant

Orange

Orange combines energy with friendliness, often landing between red urgency and yellow brightness.

RGB
rgb(249, 115, 22)
HSL
hsl(25, 95%, 53%)

Full color page, usage notes, and related links

cool colors

Purple

#7C3AED

Curatedcoolcreativeluxurymood

Purple

Purple can suggest imagination, luxury, or experimentation depending on saturation and context.

RGB
rgb(124, 58, 237)
HSL
hsl(262, 83%, 58%)

Full color page, usage notes, and related links

warm colors

Pink

#EC4899

Curatedwarmplayfulfashionaccent

Pink

Pink ranges from playful to sophisticated. It is especially useful when a palette needs warmth with a softer edge.

RGB
rgb(236, 72, 153)
HSL
hsl(330, 81%, 60%)

Full color page, usage notes, and related links

neutrals

Gray

#6B7280

Curatedneutralinterfacemutedbalance

Gray

Gray supports hierarchy, depth, and tone balance without competing with more saturated colors.

RGB
rgb(107, 114, 128)
HSL
hsl(220, 9%, 46%)

Full color page, usage notes, and related links

Ways to browse

Search by name

Use this when you remember part of a color name or want to find common colors quickly.

redbluecyangraypurple

Search by hex

Use this when you already have a color value from CSS, a design file, or a screenshot.

#ff0000#3366ff#111827

Filter by family

Use family filters when you know the visual direction you want: warm for attention, cool for calm, neutral for structure.

WarmCoolNeutral

Broader color name reference snapshot

This static preview shows a small slice of the broader local reference list. Use the search controls above to query all 31900 imported reference names without generating detail pages for each one.

warm colors

100 Mph

#C93F38

Referencewarm colors

100 Mph

Search to copy the value or refine the broader imported reference list by name, hex, or family.

warm colors

18th Century Green

#A59344

Referencewarm colors

18th Century Green

Search to copy the value or refine the broader imported reference list by name, hex, or family.

warm colors

1975 Earth Red

#7B463B

Referencewarm colors

1975 Earth Red

Search to copy the value or refine the broader imported reference list by name, hex, or family.

warm colors

1989 Miami Hotline

#DD3366

Referencewarm colors

1989 Miami Hotline

Search to copy the value or refine the broader imported reference list by name, hex, or family.

cool colors

20000 Leagues Under the Sea

#191970

Referencecool colors

20000 Leagues Under the Sea

Search to copy the value or refine the broader imported reference list by name, hex, or family.

cool colors

21st Century Blue

#7FB9DD

Referencecool colors

21st Century Blue

Search to copy the value or refine the broader imported reference list by name, hex, or family.

warm colors

24 Carrot

#E56E24

Referencewarm colors

24 Carrot

Search to copy the value or refine the broader imported reference list by name, hex, or family.

warm colors

24 Karat

#DFC685

Referencewarm colors

24 Karat

Search to copy the value or refine the broader imported reference list by name, hex, or family.

neutrals

3AM Breakup

#330404

Referenceneutrals

3AM Breakup

Search to copy the value or refine the broader imported reference list by name, hex, or family.

cool colors

3AM in Shibuya

#225577

Referencecool colors

3AM in Shibuya

Search to copy the value or refine the broader imported reference list by name, hex, or family.

warm colors

3AM Latte

#C0A98E

Referencewarm colors

3AM Latte

Search to copy the value or refine the broader imported reference list by name, hex, or family.

warm colors

400XT Film

#D2D2C0

Referencewarm colors

400XT Film

Search to copy the value or refine the broader imported reference list by name, hex, or family.

Curated colors vs broad search

Some colors in ColorDB are curated entries with richer detail pages, usage notes, family information, and related links. Other colors appear as broader searchable reference results for discovery and lookup only.

How the database grows

This helps ColorDB grow without turning every color name into a thin page. The broader imported reference list supports discovery at full package scale, while curated pages carry the original editorial context.

Directory scope

This page includes 12 curated ColorDB entries and 31900 locally normalized reference names from the imported source layer.

Featured color collections

Interface basics

whiteblackgraybluegreenredyellow

High-attention colors

redorangeyellowmagentapink

Calm and technical colors

bluecyantealgreenpurplegray

Layout neutrals

whiteblackgraycharcoaloff-whitebeige

Featured families

Warm ColorsWarm colors lean energetic, immediate, and attention-grabbing. They are common in retail, food, editorial highlights, promotions, warnings, and calls to action.Cool ColorsCool colors feel calmer, cleaner, and more spacious. They often show up in dashboards, finance, healthcare, SaaS products, productivity tools, and interfaces where clarity matters.NeutralsNeutral colors establish contrast, structure, and restraint. They are useful in typography, background systems, and balancing more saturated accents.

What to do after finding a color

  1. 1. Open the color detail page if available.
  2. 2. Copy the HEX value.
  3. 3. Convert it to RGB, HSL, or HSV if needed.
  4. 4. Generate related shades and tints.
  5. 5. Test contrast with likely text/background pairs.
  6. 6. Try it in a palette.

Related tools

Color Palette GeneratorBuild quick five-color palettes in the browser and copy usable hex values.Color ConverterConvert HEX, RGB, HSL, and HSV live and compare how one color behaves across common notation systems.Contrast CheckerEvaluate foreground and background color combinations with accessibility-focused guidance.Gradient GeneratorPlan directional blends and layered backgrounds without depending on external generators.

FAQ

Questions people usually ask next

Why do some colors have detail pages and others do not?

Curated colors have richer ColorDB pages. Broader search results may come from larger color-name references and may not have full editorial pages yet.

Can I search by hex value?

Yes. Searching by hex value is useful when you already have a color from CSS, a design tool, or another source.

What is the best way to find a color for a project?

Start with a family or use case, compare several colors, then test contrast and palette fit before choosing.

Are color names universal?

No. Color names can vary between datasets, brands, cultures, and design tools. Hex and RGB values are more precise than names.