Named Colors
Browse indexed color families, each with 30-60 reference swatches, named values, and CSS workflow links.
RedReds sit at the warm edge of the hue wheel and are often used for emphasis, warnings, and high-recognition accents.ScarletScarlet colors are bright red-orange values that feel sharper and more energetic than deeper reds.CrimsonCrimson colors lean toward red with a slight blue or rose cast, making them useful for rich accents and editorial details.MaroonMaroon colors are dark, low-lightness reds that read formal, grounded, and restrained.BurgundyBurgundy colors combine red and violet depth, often working as sophisticated dark accents.RoseRose colors bridge red and pink, giving interfaces a warm accent that is softer than pure red.PinkPink colors are light to vivid red-family colors often used for approachable accents and decorative highlights.MagentaMagenta colors mix red and blue energy, giving palettes a vivid digital accent.CoralCoral colors combine orange and pink, making them warm without becoming as urgent as red.SalmonSalmon colors are softer warm reds and oranges that work well for friendly UI states and editorial backgrounds.OrangeOrange colors are energetic warm hues used for calls to action, highlights, and playful emphasis.AmberAmber colors sit between orange and yellow and are useful for warning states, warm highlights, and dense dashboards.
GoldGold colors are yellow-orange values that suggest warmth, value, and visual prominence.YellowYellow colors are high-luminance warm hues that attract attention quickly and need careful contrast checks.LimeLime colors move from yellow into green, creating bright accents with a fresh, high-energy feel.OliveOlive colors are subdued yellow-greens that feel earthy, muted, and practical.GreenGreen colors span natural, status, and growth associations, from vivid UI accents to muted organic palettes.Forest GreenForest greens are darker green values that work well for grounded interfaces and nature-adjacent palettes.EmeraldEmerald colors are saturated blue-greens that feel polished, clear, and signal-friendly.MintMint colors are light green-cyan values often used for gentle success states and soft backgrounds.TealTeal colors bridge green and blue, balancing a calm technical feel with enough color to act as an accent.TurquoiseTurquoise colors are bright blue-greens that read fresh, aquatic, and clean.CyanCyan colors are blue-green light hues that often feel digital, crisp, and luminous.AquaAqua colors are light cyan and blue-green values suitable for clean, open interfaces.SkySky colors are light blue and cyan values that feel airy, calm, and spacious.BlueBlue colors are broadly useful reference hues for links, trust signals, product UI, and technical systems.Royal BlueRoyal blues are saturated medium blues that hold attention without becoming as dark as navy.NavyNavy colors are deep blues used for formal, technical, or editorial foundations.IndigoIndigo colors sit between blue and violet, creating a strong but cooler accent family.VioletViolet colors lean blue-purple and often work well for expressive accents and creative systems.PurplePurple colors cover rich red-blue hues, from restrained dark values to vivid UI highlights.LavenderLavender colors are light violet and purple values that suit soft surfaces and low-pressure accents.PlumPlum colors are muted purples that feel editorial, mature, and less saturated than violet.MauveMauve colors mix purple, pink, and gray for a soft, dusty accent family.BrownBrown colors are low-lightness warm hues that read earthy, practical, and material.TanTan colors are light browns that provide warm neutral backgrounds and low-contrast surfaces.BeigeBeige colors are pale warm neutrals often used for editorial backgrounds and soft surfaces.CreamCream colors are warm off-whites that keep pages light while avoiding stark white surfaces.TaupeTaupe colors are muted warm neutrals that bridge brown, gray, and beige.GrayGray colors are low-saturation neutrals used for text, borders, surfaces, and quiet hierarchy.SlateSlate colors are cool grays with a blue cast, useful for technical UI surfaces and subdued text.CharcoalCharcoal colors are deep grays used for text, panels, and strong neutral contrast.BlackBlack colors and near-black neutrals provide maximum weight and contrast, but need spacing and hierarchy to stay readable.WhiteWhite and near-white colors create open surfaces, high contrast with dark text, and clean reference layouts.PastelPastel colors combine high lightness with restrained saturation, giving interfaces a soft and low-pressure tone.NeonNeon colors are highly saturated and bright, useful for rare accents rather than long text surfaces.MutedMuted colors have lower saturation and support calm layouts, dense dashboards, and subtle brand systems.VibrantVibrant colors are saturated enough to stand out as accents, tags, chart marks, and interaction states.WarmWarm colors include reds, oranges, yellows, and related browns that visually move forward in a composition.CoolCool colors include greens, cyans, blues, and violets that tend to feel calmer or more spacious.DarkDark colors have low lightness and are useful for strong text, panels, and dramatic accents.LightLight colors keep interfaces open and airy, especially when used for surfaces, empty states, or quiet highlights.EarthyEarthy colors are muted greens, browns, olives, and warm neutrals that feel grounded and natural.JewelJewel colors are saturated mid-to-dark hues that feel rich, polished, and high contrast.CandyCandy colors are bright pinks, blues, purples, and warm accents suited to playful highlights.SunsetSunset colors combine reds, oranges, corals, and golds for warm gradients and editorial palettes.OceanOcean colors cover blue, cyan, teal, and deep aquatic hues used for calm technical palettes.SpringSpring colors are fresh greens, mints, yellows, and soft cyans with a bright seasonal feel.AutumnAutumn colors are warm oranges, browns, olives, and muted yellows that read grounded and seasonal.