Which color means happiness?

Yellow is most commonly associated with happiness and optimism, though context and shade matter as much as the hue.

How are the colors grouped here?

Colors are grouped by their dominant hue family — red, pink, orange, yellow, green, cyan, blue, purple, brown and neutral — using the same classification as the color pages.

Color Meanings & Psychology

Color affects how a design feels before a single word is read. Browse every named color in the library —609 in total — grouped by hue family, and click any swatch for its full page with meaning, psychology, history and palettes.

Red colors

Red commands attention: energy, passion, urgency or love — a high-priority accent.

49 colors

Pink colors

Pink blends warmth with softness — romantic, playful and youthful from blush to magenta.

95 colors

MediumVioletRed#C71585

WildStrawberry#FF43A4

Rose#FF007F

ShockingPink#FC0FC0

BakerMillerPink#FF91AF

RazzleDazzleRose#FF33CC

AntiqueFuchsia#915C83

HollywoodCerise#F400A1

BrilliantLavender#F4BBFF

TwilightLavender#8A496B

AmaranthDeepPurple#9F2B68

Orange colors

Orange is friendly, warm and enthusiastic — approachable energy.

63 colors

BlanchedAlmond#FFEBCD

MacaroniAndCheese#FFBD88

SafetyOrange#FF6700

PrincetonOrange#F58025

AtomicTangerine#FF9966

SelectiveYellow#FFBA00

Yellow colors

Yellow is the brightest hue: optimistic and cheerful. Use it sparingly under text.

57 colors

UnmellowYellow#FFFF66

SchoolBusYellow#FFD800

TitaniumYellow#EEE600

Green colors

Green signals growth, health and nature — and is the easiest color for the eye.

75 colors

MediumSpringGreen#00FA9A

SpringGreen#00FF7F

MediumSeaGreen#3CB371

DarkOliveGreen#556B2F

MediumAquamarine#66CDAA

MountainMeadow#30BA8F

CastletonGreen#00563F

DarkJungleGreen#1A2421

DarkPastelGreen#03C03C

DarkSeaGreen#8FBC8F

DarkSpringGreen#177245

GrannySmithApple#A8E4A0

HookersGreen#49796B

IlluminatingEmerald#319177

Cyan colors

Cyan feels clean, technical and refreshing.

57 colors

MediumTurquoise#48D1CC

TropicalRainForest#00755E

TurquoiseBlue#00FFEF

Peacock#33A1C9

CaribbeanGreen#00CC99

BrightTurquoise#08E8DE

Moonstone#3AA8C1

DeepJungleGreen#004B49

GenericViridian#007F66

GreenSheen#6EAEA1

MetallicSeaweed#0A7E8C

DeepSpaceSparkle#4A646C

RichBlack#004040

MediumSkyBlue#80DAEB

Blue colors

Blue is the most trusted color in branding: calm, professional, reliable.

84 colors

SteelBlue#4682B4

LightSteelBlue#B0C4DE

LightSkyBlue#87CEFA

DodgerBlue#1E90FF

CornflowerBlue#6495ED

MediumSlateBlue#7B68EE

AirSuperiorityBlue#72A0C1

BrightNavyBlue#1974D2

BrilliantAzure#3399FF

DarkCornflowerBlue#26428B

DarkMidnightBlue#003366

PalatinateBlue#273BE2

PaleCerulean#9BC4E2

PictonBlue#45B1E8

ResolutionBlue#002387

LightPeriwinkle#C5CBE1

WildBlueYonder#A2ADD0

PurpleNavy#4E5180

UltraViolet#5F4B8B

Brown colors

Brown is earthy, sturdy and dependable.

55 colors

Color psychology is not an exact science — culture, context and personal experience all shape how a hue is read — but branding and design practice show strong patterns. Use the families above as a starting point, then open a color page for a deeper write-up.

Frequently asked questions

Color psychology studies how hues influence perception and emotion. While effects vary by culture, broad patterns — blue reads trustworthy, red reads urgent, green reads natural — are widely used in branding and UI design.

Good to know

Every color name in a group links to a full page with its meaning, psychology, history and palettes.
Blue is consistently rated the world’s most-liked color in cross-cultural surveys.

Tools that pair with Color Library

Color Library is one of 33 single-page tools in this workspace. These are the ones that carry the job on — the color value moves between them, so nothing gets retyped or re-uploaded.

Color ChartsExplore Tailwind, Material and web-safe reference charts.Color PickerPick, fine-tune and copy any color in HEX, RGB or HSL.Contrast CheckerCheck WCAG AA and AAA contrast ratios instantly.

Guides for Color Library

Longer reads for the questions that come up around color library.

CSS named color keywords and the hex values they resolve to

Jul 28, 2026

CSS Named Colors: The Complete Guide to Color Keywords

Sep 28, 2026

Neutral Colors: What They Are and the Complete Palette Guide

Sep 26, 2026

Color Meanings & Psychology

Red colors

Pink colors

Orange colors

Yellow colors

Green colors

Cyan colors

Blue colors

Purple colors

Brown colors

Neutral colors

Frequently asked questions

Good to know

Tools that pair with Color Library

Guides for Color Library

CSS Named Colors: The Complete Guide to Color Keywords

Neutral Colors: What They Are and the Complete Palette Guide

Netflix Red: The Exact Hex Code Behind the Logo

Color Meanings & Psychology

Red colors

Pink colors

Orange colors

Yellow colors

Green colors

Cyan colors

Blue colors

Purple colors

Brown colors

Neutral colors

Frequently asked questions

What is color psychology?

Which color means happiness?

How are the colors grouped here?

Good to know

Tools that pair with Color Library

Guides for Color Library

CSS Named Colors: The Complete Guide to Color Keywords

Neutral Colors: What They Are and the Complete Palette Guide

Netflix Red: The Exact Hex Code Behind the Logo