Color names and hex codes

95 colors, each with a full shade scale, conversions and palettes. Click a name to open it, or a swatch to copy its hex code.

Reds and pinks

#FF0000RedVivid red
#DC143CCrimsonVivid red
#800000MaroonDeep vivid red
#800020BurgundyDeep vivid red
#FA8072SalmonLight vivid red
#FF007FRoseVivid magenta
#FFC0CBPinkPale vivid red
#FC94AFRose pinkLight vivid red
#FF69B4Hot pinkLight vivid magenta
#DE5D83BlushLight red
#FF00FFMagentaVivid purple
#FF00FFFuchsiaVivid purple

Oranges and yellows

#FF7F50CoralLight vivid orange
#FFA500OrangeVivid orange
#FFDAB9PeachPale vivid orange
#FFBF00AmberVivid yellow
#B7410ERustVivid orange
#E2725BTerracottaLight red
#FFFF00YellowVivid yellow
#FFD700GoldVivid yellow
#FFDB58MustardLight vivid yellow

Greens

#008000GreenDeep vivid green
#32CD32Lime greenGreen
#98FF98MintPale vivid green
#808000OliveDeep vivid yellow
#B2AC88SageLight muted yellow
#228B22Forest greenDeep green
#50C878EmeraldGreen

Blues and teals

#008080TealDeep vivid cyan
#40E0D0TurquoiseCyan
#00FFFFAquaVivid cyan
#9FE2BFSeafoamLight green
#0000FFBlueVivid blue
#000080NavyDeep vivid blue
#87CEEBSky blueLight azure
#4169E1Royal blueBlue
#0047ABCobaltDeep vivid azure
#CCCCFFPeriwinklePale vivid blue
#4A90D9Transparent blueAzure

Purples

#8E4EC6PurpleViolet
#E6E6FALavenderPale blue
#7F00FFVioletVivid violet
#C8A2C8LilacLight muted purple
#DDA0DDPlumLight purple
#4B0082IndigoDeep vivid violet

Neutrals and browns

#FFFFF0IvoryWhite
#FFFDD0CreamPale vivid yellow
#F5F5DCBeigePale yellow
#FFFFFFWhiteWhite
#C0C0C0SilverLight grey
#808080GrayGrey
#36454FCharcoalDeep muted azure
#36393EGunmetalDark grey
#000000BlackBlack
#483C32TaupeDeep muted orange
#A52A2ABrownRed
#3C2218EspressoDark muted orange
#D2691EChocolateOrange
#D2B48CTanLight muted orange
#C2B280SandLight muted yellow

Styles

#9AD9E8Y2KLight cyan
#C67B5CTuscanOrange

How to use this index

Each color page carries the same set of things: the hex, RGB, HSL and OKLCH values, an eleven-step shade scale generated in OKLCH, contrast figures against white and black, and the palettes from that color family. The scale is the part worth bookmarking — it gives you a usable light and dark version of any color rather than one isolated value.

To work from a color you already have rather than one on this list, paste it into the color picker, which builds the same scale from any input, or the palette generator, which builds a four-color scheme around it.