Color index
421 colors, each with its own page: HEX, RGB, HSL and OKLCH values, WCAG contrast, an OKLCH tint-and-shade ramp, harmonies, and a color-blindness preview. Looking for a specific hex? Use the converter.
CSS named colors
The 140+ keywords you can write directly in CSS.
aliceblue#f0f8ffantiquewhite#faebd7aqua#00ffffaquamarine#7fffd4azure#f0ffffbeige#f5f5dcbisque#ffe4c4black#000000blanchedalmond#ffebcdblue#0000ffblueviolet#8a2be2brown#a52a2aburlywood#deb887cadetblue#5f9ea0chartreuse#7fff00chocolate#d2691ecoral#ff7f50cornflowerblue#6495edcornsilk#fff8dccrimson#dc143cdarkblue#00008bdarkcyan#008b8bdarkgoldenrod#b8860bdarkgray#a9a9a9darkgreen#006400darkkhaki#bdb76bdarkmagenta#8b008bdarkolivegreen#556b2fdarkorange#ff8c00darkorchid#9932ccdarkred#8b0000darksalmon#e9967adarkseagreen#8fbc8fdarkslateblue#483d8bdarkslategray#2f4f4fdarkturquoise#00ced1darkviolet#9400d3deeppink#ff1493deepskyblue#00bfffdimgray#696969dodgerblue#1e90fffirebrick#b22222floralwhite#fffaf0forestgreen#228b22fuchsia#ff00ffgainsboro#dcdcdcghostwhite#f8f8ffgold#ffd700goldenrod#daa520gray#808080green#008000greenyellow#adff2fhoneydew#f0fff0hotpink#ff69b4indianred#cd5c5cindigo#4b0082ivory#fffff0khaki#f0e68clavender#e6e6falavenderblush#fff0f5lawngreen#7cfc00lemonchiffon#fffacdlightblue#add8e6lightcoral#f08080lightcyan#e0fffflightgoldenrodyellow#fafad2lightgray#d3d3d3lightgreen#90ee90lightpink#ffb6c1lightsalmon#ffa07alightseagreen#20b2aalightskyblue#87cefalightslategray#778899lightsteelblue#b0c4delightyellow#ffffe0lime#00ff00limegreen#32cd32linen#faf0e6maroon#800000mediumaquamarine#66cdaamediumblue#0000cdmediumorchid#ba55d3mediumpurple#9370dbmediumseagreen#3cb371mediumslateblue#7b68eemediumspringgreen#00fa9amediumturquoise#48d1ccmediumvioletred#c71585midnightblue#191970mintcream#f5fffamistyrose#ffe4e1moccasin#ffe4b5navajowhite#ffdeadnavy#000080oldlace#fdf5e6olive#808000olivedrab#6b8e23orange#ffa500orangered#ff4500orchid#da70d6palegoldenrod#eee8aapalegreen#98fb98paleturquoise#afeeeepalevioletred#db7093papayawhip#ffefd5peachpuff#ffdab9peru#cd853fpink#ffc0cbplum#dda0ddpowderblue#b0e0e6purple#800080rebeccapurple#663399red#ff0000rosybrown#bc8f8froyalblue#4169e1saddlebrown#8b4513salmon#fa8072sandybrown#f4a460seagreen#2e8b57seashell#fff5eesienna#a0522dsilver#c0c0c0skyblue#87ceebslateblue#6a5acdslategray#708090snow#fffafaspringgreen#00ff7fsteelblue#4682b4tan#d2b48cteal#008080thistle#d8bfd8tomato#ff6347turquoise#40e0d0violet#ee82eewheat#f5deb3white#ffffffwhitesmoke#f5f5f5yellow#ffff00yellowgreen#9acd32
Tailwind v4 palette
Every default Tailwind v4 color stop, 50–950.
slate-50#f8fafcslate-100#f1f5f9slate-200#e2e8f0slate-300#cad5e2slate-400#90a1b9slate-500#62748eslate-600#45556cslate-700#314158slate-800#1d293dslate-900#0f172bslate-950#020618gray-50#f9fafbgray-100#f3f4f6gray-200#e5e7ebgray-300#d1d5dcgray-400#99a1afgray-500#6a7282gray-600#4a5565gray-700#364153gray-800#1e2939gray-900#101828gray-950#030712zinc-50#fafafazinc-100#f4f4f5zinc-200#e4e4e7zinc-300#d4d4d8zinc-400#9f9fa9zinc-500#71717bzinc-600#52525czinc-700#3f3f46zinc-800#27272azinc-900#18181bzinc-950#09090bneutral-200#e5e5e5neutral-300#d4d4d4neutral-400#a1a1a1neutral-500#737373neutral-600#525252neutral-700#404040neutral-800#262626neutral-900#171717neutral-950#0a0a0astone-50#fafaf9stone-100#f5f5f4stone-200#e7e5e4stone-300#d6d3d1stone-400#a6a09bstone-500#79716bstone-600#57534dstone-700#44403bstone-800#292524stone-900#1c1917stone-950#0c0a09mauve-100#f3f1f3mauve-200#e7e4e7mauve-300#d7d0d7mauve-400#a89ea9mauve-500#79697bmauve-600#594c5bmauve-700#463947mauve-800#2a212cmauve-900#1d161emauve-950#0c090colive-50#fbfbf9olive-100#f4f4f0olive-200#e8e8e3olive-300#d8d8d0olive-400#abab9colive-500#7c7c67olive-600#5b5b4bolive-700#474739olive-800#2b2b22olive-900#1d1d16olive-950#0c0c09mist-50#f9fbfbmist-100#f1f3f3mist-200#e3e7e8mist-300#d0d6d8mist-400#9ca8abmist-500#67787cmist-600#4b585bmist-700#394447mist-800#22292bmist-900#161b1dmist-950#090b0ctaupe-50#fbfaf9taupe-100#f3f1f1taupe-200#e8e4e3taupe-300#d8d2d0taupe-400#aba09ctaupe-500#7c6d67taupe-600#5b4f4btaupe-700#473c39taupe-800#2b2422taupe-900#1d1816red-50#fef2f2red-100#ffe2e2red-200#ffcacared-300#ffa3a4red-400#ff6568red-500#fb2c36red-600#e40016red-700#bf0010red-800#9f0712red-900#82181ared-950#460809orange-50#fff7edorange-100#ffedd5orange-200#ffd7a8orange-300#ffb970orange-400#ff8b1forange-500#fc7100orange-600#ec5600orange-700#c43e00orange-800#9f2d00orange-900#7e2a0corange-950#441306amber-50#fffbebamber-100#fef3c6amber-200#fee685amber-300#ffd237amber-400#fabc00amber-500#f69e00amber-600#da7700amber-700#b55200amber-800#953d00amber-900#7b3306amber-950#461901yellow-50#fefce8yellow-100#fef9c2yellow-200#fff085yellow-300#ffe030yellow-400#f7c900yellow-500#eab300yellow-600#ca8a00yellow-700#a26200yellow-800#874c00yellow-900#733e0ayellow-950#432004lime-50#f7fee7lime-100#ecfccalime-200#d8f999lime-300#bbf451lime-400#9de500lime-500#83cc00lime-600#64a300lime-700#4b7c00lime-800#3d6300lime-900#35530elime-950#192e03green-50#f0fdf4green-100#dcfce7green-200#b9f8cfgreen-300#7bf1a8green-400#05df72green-500#00c65agreen-600#00a447green-700#00813agreen-800#016630green-900#0d542bgreen-950#032e15emerald-50#ecfdf5emerald-100#d0fae5emerald-200#a4f4cfemerald-300#5ee9b5emerald-400#00d294emerald-500#00b981emerald-600#009669emerald-700#007857emerald-800#005f46emerald-900#004e3bemerald-950#002c22teal-50#f0fdfateal-100#cbfbf1teal-200#96f7e4teal-300#46ecd5teal-400#00d3bdteal-500#00b9a6teal-600#009488teal-700#00776eteal-800#005f5ateal-900#0b4f4ateal-950#022f2ecyan-50#ecfeffcyan-100#cefafecyan-200#a2f4fdcyan-300#53eafdcyan-400#00d1eccyan-500#00b6d4cyan-600#0091b3cyan-700#007491cyan-800#005f78cyan-900#104e64cyan-950#053345sky-50#f0f9ffsky-100#dff2fesky-200#b8e6fesky-300#78d4ffsky-400#00bbfdsky-500#00a5easky-600#0084c7sky-700#0069a2sky-800#005986sky-900#024a70sky-950#052f4ablue-50#eff6ffblue-100#dbeafeblue-200#bedbffblue-300#91c5ffblue-400#56a2ffblue-500#3280ffblue-600#155dfcblue-700#1447e6blue-800#193cb8blue-900#1c398eblue-950#162456indigo-50#eef2ffindigo-100#e0e7ffindigo-200#c7d2ffindigo-300#a4b4ffindigo-400#7d87ffindigo-500#6260ffindigo-600#4f39f6indigo-700#432dd7indigo-800#372aacindigo-900#312c85indigo-950#1e1a4dviolet-50#f5f3ffviolet-100#ede9feviolet-200#ddd6ffviolet-300#c4b4ffviolet-400#a686ffviolet-500#8d56ffviolet-600#7f22feviolet-700#7008e7violet-800#5d0ec0violet-900#4d179aviolet-950#2f0d68purple-50#faf5ffpurple-100#f3e8ffpurple-200#e9d5ffpurple-300#d8b4ffpurple-400#bf7effpurple-500#ab4effpurple-600#9810fapurple-700#8200d9purple-800#6e11b0purple-900#59168bpurple-950#3c0366fuchsia-50#fdf4fffuchsia-100#fae8fffuchsia-200#f6cffffuchsia-300#f2a9fffuchsia-400#ec6dfffuchsia-500#e12afbfuchsia-600#c500dafuchsia-700#a600b4fuchsia-800#8a0194fuchsia-900#721378fuchsia-950#4b004fpink-50#fdf2f8pink-100#fce7f3pink-200#fccee8pink-300#fda5d5pink-400#fb64b6pink-500#f6339apink-600#e30076pink-700#c2005cpink-800#a2004cpink-900#861043pink-950#510424rose-50#fff1f2rose-100#ffe4e6rose-200#ffccd3rose-300#ffa3aerose-400#ff6880rose-500#ff2357rose-600#e60045rose-700#c1003arose-800#a30037rose-900#8b0836rose-950#4d0218