Color swatches

All swatches Material Design palette 254 Named colors 545 Tailwind CSS palette 241

435 swatches, each with every code (HEX, RGB, CMYK, HSL, OKLCH), the nearest Pantone, tints and shades, harmonies, and contrast checks.

#

Reds Oranges Yellows Greens Cyans & Teals Blues Purples Pinks Browns Grays Whites Blacks All named colors →

Reds 35

Salmon #FA8072 Tailwind Rose 400 #FB7185 Tailwind Red 400 #F87171 Watermelon #FC6C85 Salmon Orange #FF8C69 Puce #CC8899 Rosy Brown #BC8F8F Tomato #FF6347 Old Rose #C08081 Terracotta #E2725B Tailwind Rose 500 #F43F5E Tailwind Red 500 #EF4444 Rose Gold #B76E79 Poppy #E35335 Vermilion #E34234 Tailwind Red 600 #DC2626 Red #FF0000 Scarlet #FF2400 Tailwind Rose 600 #E11D48 Redwood #A45A52 Pomegranate #C0392B Red Clay #A14A3B Tailwind Red 700 #B91C1C Smoky Topaz #933D41 Tailwind Rose 700 #BE123C Tailwind Red 800 #991B1B Wine #722F37 Sienna Brown #882D17 Tailwind Red 900 #7F1D1D Sangria #92000A Red Oxide #6E2C1F Rosewood #65000B Tailwind Red 950 #450A0A Oxblood #4A0000 Tailwind Orange 950 #431407

Oranges 50

Old Lace #FDF5E6 Papaya Whip #FFEFD5 Tailwind Orange 100 #FFEDD5 Parchment #F1E9D2 Peach Puff #FFDAB9 Soft Peach #F5D5C3 Peach #FFE5B4 Pearl #EAE0C8 Shell #E8D8C4 Tailwind Orange 200 #FED7AA Wheat #F5DEB3 Sunset #FAD6A5 Wheat Field #E8D7A8 Oatmeal #D9C9A8 Nude #E3BC9A Topaz #FFC87C Tailwind Orange 300 #FDBA74 Tan #D2B48C Sandy Brown #F4A460 Sandstone #C8A582 Sahara #C2A878 Tailwind Orange 400 #FB923C Tailwind Amber 400 #FBBF24 Pumpkin #FF7518 Tailwind Orange 500 #F97316 Peru #CD853F Tailwind Amber 500 #F59E0B Orange #FFA500 Orange Red #FF4500 Tangelo #F94D00 Tailwind Orange 600 #EA580C Tangerine #F28500 Ochre #CC7722 Persimmon #EC5800 Shadow #8A795D Turmeric #E3A400 Tailwind Amber 600 #D97706 Tailwind Orange 700 #C2410C Tailwind Yellow 600 #CA8A04 Tawny #CD5700 Rust #B7410E Tailwind Amber 700 #B45309 Tailwind Orange 800 #9A3412 Tailwind Yellow 700 #A16207 Tailwind Amber 800 #92400E Saddle Brown #8B4513 Tailwind Yellow 800 #854D0E Tailwind Amber 900 #78350F Tailwind Amber 950 #451A03 Tailwind Yellow 950 #422006

Yellows 25

Tailwind Yellow 50 #FEFCE8 Porcelain #EAE7DC Tailwind Amber 100 #FEF3C7 Tailwind Yellow 100 #FEF9C3 Vanilla #F3E5AB Pale Goldenrod #EEE8AA Pastel Yellow #FDFD96 Tailwind Yellow 200 #FEF08A Tailwind Amber 200 #FDE68A Primrose #EDEA99 Straw #E4D96F Tailwind Amber 300 #FCD34D Tailwind Yellow 300 #FDE047 Sage #B2AC88 Olive Green #BAB86C Saffron #F4C430 Pear #D1E231 Sunflower #FFC512 Tailwind Yellow 400 #FACC15 Old Gold #CFB53B Yellow #FFFF00 Tailwind Yellow 500 #EAB308 Yellow Ochre #CB9D06 Olive #808000 Olive Brown #645403

Greens 54

Tailwind Emerald 50 #ECFDF5 Tailwind Lime 50 #F7FEE7 Tailwind Green 100 #DCFCE7 Peppermint #E3F5E1 Tailwind Emerald 100 #D1FAE5 Tailwind Lime 100 #ECFCCB Tailwind Green 200 #BBF7D0 Tea Green #D0F0C0 Tailwind Emerald 200 #A7F3D0 Tailwind Lime 200 #D9F99D Pale Green #98FB98 Seafoam #93E9BE Tailwind Green 300 #86EFAC Opal #A8C3BC Tailwind Lime 300 #BEF264 Tailwind Emerald 300 #6EE7B7 Pastel Green #77DD77 Pistachio #93C572 Sage Green #9CAF88 Willow #9CB07A Tailwind Green 400 #4ADE80 Tailwind Lime 400 #A3E635 Wasabi #A8C545 Tailwind Emerald 400 #34D399 Spring Green #00FF7F Volt #CEFF00 Yellow Green #9ACD32 Tailwind Green 500 #22C55E Tailwind Lime 500 #84CC16 Thyme #6B7F5E Tailwind Emerald 500 #10B981 Viridian #40826D Pea Green #8EAB12 Swamp #698339 Sea Green #2E8B57 Tailwind Green 600 #16A34A Olive Drab #6B8E23 Tailwind Lime 600 #65A30D Shamrock #009E60 Tailwind Emerald 600 #059669 Tailwind Green 700 #15803D Seaweed #437C17 Tailwind Lime 700 #4D7C0F Zucchini #4A5D23 Tailwind Emerald 700 #047857 Spruce #2C4F3F Tailwind Green 800 #166534 Tailwind Lime 800 #3F6212 Tailwind Green 900 #14532D Tailwind Lime 900 #365314 Tailwind Emerald 800 #065F46 Tailwind Emerald 900 #064E3B Tailwind Green 950 #052E16 Tailwind Lime 950 #1A2E05

Cyans & Teals 34

Tailwind Cyan 100 #CFFAFE Tailwind Teal 100 #CCFBF1 Tailwind Cyan 200 #A5F3FC Pale Turquoise #AFEEEE Powder Blue #B0E0E6 Tailwind Teal 200 #99F6E4 Sky #76D7EA Tailwind Cyan 300 #67E8F9 Tailwind Teal 300 #5EEAD4 Turquoise #40E0D0 Tailwind Cyan 400 #22D3EE Tailwind Teal 400 #2DD4BF Verdigris #43B3AE Pacific Blue #1CA9C9 Tropical Blue #1EA7C4 Tailwind Cyan 500 #06B6D4 Robin Egg Blue #00CCCC Tailwind Teal 500 #14B8A6 Tiffany Blue #0ABAB5 Teal Blue #367588 Tailwind Cyan 600 #0891B2 Tailwind Teal 600 #0D9488 Tailwind Cyan 700 #0E7490 Tailwind Cyan 800 #155E75 Tailwind Teal 700 #0F766E Teal #008080 Pine #01796F Tailwind Teal 800 #115E59 Teal Green #006D5B Petrol #005F6A Peacock Blue #005F69 Tailwind Teal 900 #134E4A Tailwind Teal 950 #042F2E Tailwind Emerald 950 #022C22

Blues 75

Tailwind Gray 100 #F3F4F6 Tailwind Violet 100 #EDE9FE Tailwind Indigo 100 #E0E7FF Tailwind Sky 100 #E0F2FE Tailwind Blue 100 #DBEAFE Tailwind Violet 200 #DDD6FE Tailwind Slate 200 #E2E8F0 Tailwind Gray 200 #E5E7EB Periwinkle #CCCCFF Tailwind Indigo 200 #C7D2FE Tailwind Blue 200 #BFDBFE Tailwind Sky 200 #BAE6FD Tailwind Violet 300 #C4B5FD Tailwind Gray 300 #D1D5DB Tailwind Slate 300 #CBD5E1 Tailwind Indigo 300 #A5B4FC Tailwind Blue 300 #93C5FD Sky Gray #B8C7D1 Pastel Blue #AEC6CF Tailwind Indigo 400 #818CF8 Tailwind Sky 300 #7DD3FC Sky Blue #87CEEB Serenity #92A8D1 Tailwind Blue 400 #60A5FA Tailwind Indigo 500 #6366F1 Tailwind Slate 400 #94A3B8 Ube #8878C3 Tailwind Blue 500 #3B82F6 Tailwind Sky 400 #38BDF8 Tailwind Indigo 600 #4F46E5 Slate Blue #6A5ACD Royal Blue #4169E1 Steel #7B8B98 Tailwind Blue 600 #2563EB Tailwind Indigo 700 #4338CA Slate Gray #708090 Ultramarine #3F00FF Peacock #33A1C9 Steel Blue #4682B4 Tailwind Sky 500 #0EA5E9 Tailwind Blue 700 #1D4ED8 Tailwind Slate 500 #64748B Wedgwood #4E7F9E Violet Blue #324AB2 Twilight #4E518B Tailwind Indigo 800 #3730A3 Tailwind Blue 800 #1E40AF Sapphire #0F52BA Tailwind Sky 600 #0284C7 Storm #4F5D6A Tailwind Slate 600 #475569 Tailwind Indigo 900 #312E81 Tailwind Gray 600 #4B5563 Tailwind Blue 900 #1E3A8A Zaffre #0014A8 Sapphire Blue #0067A5 Tailwind Sky 700 #0369A1 Yale Blue #0F4D92 Ocean #006994 Tailwind Sky 800 #075985 Tailwind Gray 700 #374151 Tailwind Slate 700 #334155 Tailwind Sky 900 #0C4A6E Tailwind Cyan 900 #164E63 Royal Navy #1D2951 Tailwind Blue 950 #172554 Tailwind Indigo 950 #1E1B4B Tailwind Slate 800 #1E293B Tailwind Gray 800 #1F2937 Prussian Blue #003153 Tailwind Sky 950 #082F49 Tailwind Cyan 950 #083344 Oxford Blue #002147 Tailwind Slate 900 #0F172A Tailwind Gray 900 #111827

Purples 24

Tailwind Fuchsia 100 #FAE8FF Tailwind Purple 100 #F3E8FF Tailwind Purple 200 #E9D5FF Tailwind Fuchsia 200 #F5D0FE Quartz #D9D4E7 Tailwind Purple 300 #D8B4FE Tailwind Violet 400 #A78BFA Tailwind Purple 400 #C084FC Wisteria #C9A0DC Tailwind Violet 500 #8B5CF6 Tailwind Purple 500 #A855F7 Tailwind Violet 600 #7C3AED Tailwind Purple 600 #9333EA Tailwind Violet 700 #6D28D9 Royal Purple #7851A9 Tailwind Purple 700 #7E22CE Tailwind Violet 800 #5B21B6 Purple Heart #69359C Rebecca Purple #663399 Tailwind Purple 800 #6B21A8 Tailwind Violet 900 #4C1D95 Tailwind Purple 900 #581C87 Tailwind Violet 950 #2E1065 Tailwind Purple 950 #3B0764

Pinks 54

Tailwind Pink 100 #FCE7F3 Tailwind Rose 100 #FFE4E6 Tailwind Red 100 #FEE2E2 Tailwind Rose 200 #FECDD3 Tailwind Pink 200 #FBCFE8 Tailwind Red 200 #FECACA Rose Quartz #F7CAC9 Pink #FFC0CB Pink Lemonade #F5C6CB Powder Pink #FFB2D0 Orchid Pink #F2BDCD Tailwind Fuchsia 300 #F0ABFC Tailwind Pink 300 #F9A8D4 Tailwind Red 300 #FCA5A5 Tailwind Rose 300 #FDA4AF Thistle #D8BFD8 Salmon Pink #FF91A4 Tulip #FF878D Pastel Pink #DEA5A4 Plum #DDA0DD Tailwind Fuchsia 400 #E879F9 Violet #EE82EE Peony #E18AC0 Tailwind Pink 400 #F472B6 Pastel Purple #B39EB5 Pale Violet Red #DB7093 Orchid #DA70D6 Wild Strawberry #FF43A4 Tailwind Fuchsia 500 #D946EF Tailwind Pink 500 #EC4899 Raspberry Pink #E25098 Shocking Pink #FC0FC0 Tailwind Pink 600 #DB2777 Rose #FF007F Tailwind Fuchsia 600 #C026D3 Ruby #E0115F Raspberry #E30B5C Tailwind Pink 700 #BE185D Tailwind Fuchsia 700 #A21CAF Tailwind Pink 800 #9D174D Tailwind Rose 800 #9F1239 Tailwind Fuchsia 800 #86198F Rhubarb #7D1E3C Tailwind Pink 900 #831843 Tailwind Rose 900 #881337 Paprika #8D0226 Tailwind Fuchsia 900 #701A75 Purple #800080 Velvet #750851 Plum Purple #580F41 Tailwind Pink 950 #500724 Tailwind Fuchsia 950 #4A044E Tailwind Rose 950 #4C0519 Raisin #2A1A1F

Browns 13

Sienna #A0522D Raw Umber #826644 Umber Brown #6E5A4A Nutmeg #7E4A35 Toffee #755139 Umber #635147 Russet #80461B Walnut #773F1A Sable #5C4033 Tailwind Orange 900 #7C2D12 Sepia #704214 Tailwind Yellow 900 #713F12 Taupe #483C32

Grays 42

Tailwind Stone 100 #F5F5F4 Tailwind Zinc 100 #F4F4F5 Tailwind Stone 200 #E7E5E4 Tailwind Zinc 200 #E4E4E7 Tailwind Neutral 200 #E5E5E5 Platinum #E5E4E2 Tailwind Zinc 300 #D4D4D8 Tailwind Neutral 300 #D4D4D4 Tailwind Stone 300 #D6D3D1 Silver Sand #BFC1C2 Silver #C0C0C0 Quicksilver #A6A6A6 Tailwind Gray 400 #9CA3AF Tailwind Zinc 400 #A1A1AA Tailwind Neutral 400 #A3A3A3 Tailwind Stone 400 #A8A29E Sage Gray #9DA59A Pebble #9A958F Pewter #8E8E8E Stone #928E85 Smoke #848884 Warm Gray #8B8580 Titanium #878681 Xanadu #738678 Tailwind Gray 500 #6B7280 Tailwind Zinc 500 #71717A Tailwind Neutral 500 #737373 Tailwind Stone 500 #78716C Tailwind Zinc 600 #52525B Tailwind Stone 600 #57534E Tailwind Neutral 600 #525252 Pepper #4E4B4A Tailwind Zinc 700 #3F3F46 Tailwind Neutral 700 #404040 Tailwind Stone 700 #44403C Onyx #353839 Tailwind Zinc 800 #27272A Tailwind Stone 800 #292524 Tailwind Neutral 800 #262626 Tailwind Stone 900 #1C1917 Tailwind Zinc 900 #18181B Tailwind Neutral 900 #171717

Whites 24

White #FFFFFF Snow #FFFAFA Tailwind Purple 50 #FAF5FF Tailwind Slate 50 #F8FAFC Tailwind Gray 50 #F9FAFB Tailwind Zinc 50 #FAFAFA Tailwind Fuchsia 50 #FDF4FF Tailwind Stone 50 #FAFAF9 Tailwind Violet 50 #F5F3FF Off White #FAF9F6 Tailwind Red 50 #FEF2F2 Tailwind Rose 50 #FFF1F2 Tailwind Pink 50 #FDF2F8 Tailwind Sky 50 #F0F9FF Tailwind Blue 50 #EFF6FF Seashell #FFF5EE Tailwind Green 50 #F0FDF4 Tailwind Indigo 50 #EEF2FF Tailwind Teal 50 #F0FDFA Tailwind Orange 50 #FFF7ED Tailwind Cyan 50 #ECFEFF White Smoke #F5F5F5 Tailwind Amber 50 #FFFBEB Tailwind Slate 100 #F1F5F9

Blacks 5

Tailwind Slate 950 #020617 Tailwind Gray 950 #030712 Tailwind Stone 950 #0C0A09 Rich Black #010B13 Tailwind Zinc 950 #09090B