# Palette - Tailwind **Kind**:: #color-palette **Source**:: #from/macos-colors **Generated by**:: [[ob-colors]] | Name | Color | | --- | --- | | Slate 50 | <code style="color:black; background:#F6F9FB"> F6F9FB </code> | | Slate 100 | <code style="color:black; background:#EEF2F7"> EEF2F7 </code> | | Slate 200 | <code style="color:black; background:#DBE2EC"> DBE2EC </code> | | Slate 300 | <code style="color:black; background:#C0CBDA"> C0CBDA </code> | | Slate 400 | <code style="color:white; background:#8291A9"> 8291A9 </code> | | Slate 500 | <code style="color:white; background:#526078"> 526078 </code> | | Slate 600 | <code style="color:white; background:#374356"> 374356 </code> | | Slate 700 | <code style="color:white; background:#273143"> 273143 </code> | | Slate 800 | <code style="color:white; background:#171E2D"> 171E2D </code> | | Slate 900 | <code style="color:white; background:#0D121F"> 0D121F </code> | | Slate 950 | <code style="color:white; background:#030712"> 030712 </code> | | Gray 50 | <code style="color:black; background:#F7F9FA"> F7F9FA </code> | | Gray 100 | <code style="color:black; background:#F0F1F4"> F0F1F4 </code> | | Gray 200 | <code style="color:black; background:#DFE1E6"> DFE1E6 </code> | | Gray 300 | <code style="color:black; background:#C7CBD3"> C7CBD3 </code> | | Gray 400 | <code style="color:black; background:#8A929F"> 8A929F </code> | | Gray 500 | <code style="color:white; background:#585E6D"> 585E6D </code> | | Gray 600 | <code style="color:white; background:#3B4350"> 3B4350 </code> | | Gray 700 | <code style="color:white; background:#2A3140"> 2A3140 </code> | | Gray 800 | <code style="color:white; background:#181E2A"> 181E2A </code> | | Gray 900 | <code style="color:white; background:#0E121D"> 0E121D </code> | | Gray 950 | <code style="color:white; background:#04080F"> 04080F </code> | | Zinc 50 | <code style="color:black; background:#F9F9F9"> F9F9F9 </code> | | Zinc 100 | <code style="color:black; background:#F1F1F2"> F1F1F2 </code> | | Zinc 200 | <code style="color:black; background:#DDDDE1"> DDDDE1 </code> | | Zinc 300 | <code style="color:black; background:#CACACF"> CACACF </code> | | Zinc 400 | <code style="color:black; background:#908F9A"> 908F9A </code> | | Zinc 500 | <code style="color:white; background:#5E5D67"> 5E5D67 </code> | | Zinc 600 | <code style="color:white; background:#414049"> 414049 </code> | | Zinc 700 | <code style="color:white; background:#303036"> 303036 </code> | | Zinc 800 | <code style="color:white; background:#1D1D1F"> 1D1D1F </code> | | Zinc 900 | <code style="color:white; background:#131315"> 131315 </code> | | Zinc 950 | <code style="color:white; background:#0A0A0B"> 0A0A0B </code> | | Neutral 50 | <code style="color:black; background:#F9F9F9"> F9F9F9 </code> | | Neutral 100 | <code style="color:black; background:#F2F2F2"> F2F2F2 </code> | | Neutral 200 | <code style="color:black; background:#DFDFDF"> DFDFDF </code> | | Neutral 300 | <code style="color:black; background:#CACACA"> CACACA </code> | | Neutral 400 | <code style="color:black; background:#929292"> 929292 </code> | | Neutral 500 | <code style="color:white; background:#606060"> 606060 </code> | | Neutral 600 | <code style="color:white; background:#414141"> 414141 </code> | | Neutral 700 | <code style="color:white; background:#313131"> 313131 </code> | | Neutral 800 | <code style="color:white; background:#1D1D1D"> 1D1D1D </code> | | Neutral 900 | <code style="color:white; background:#121212"> 121212 </code> | | Neutral 950 | <code style="color:white; background:#0A0A0A"> 0A0A0A </code> | | Stone 50 | <code style="color:black; background:#F9F9F7"> F9F9F7 </code> | | Stone 100 | <code style="color:black; background:#F2F2F1"> F2F2F1 </code> | | Stone 200 | <code style="color:black; background:#E1DFDD"> E1DFDD </code> | | Stone 300 | <code style="color:black; background:#CCC9C7"> CCC9C7 </code> | | Stone 400 | <code style="color:black; background:#97918D"> 97918D </code> | | Stone 500 | <code style="color:white; background:#655E59"> 655E59 </code> | | Stone 600 | <code style="color:white; background:#45423D"> 45423D </code> | | Stone 700 | <code style="color:white; background:#34312E"> 34312E </code> | | Stone 800 | <code style="color:white; background:#1F1C1B"> 1F1C1B </code> | | Stone 900 | <code style="color:white; background:#151312"> 151312 </code> | | Stone 950 | <code style="color:white; background:#0B0A0A"> 0B0A0A </code> | | Red 50 | <code style="color:black; background:#FDEEEF"> FDEEEF </code> | | Red 100 | <code style="color:black; background:#FDDADB"> FDDADB </code> | | Red 200 | <code style="color:black; background:#FCBDBE"> FCBDBE </code> | | Red 300 | <code style="color:black; background:#F99294"> F99294 </code> | | Red 400 | <code style="color:white; background:#F3595E"> F3595E </code> | | Red 500 | <code style="color:white; background:#E82C35"> E82C35 </code> | | Red 600 | <code style="color:white; background:#D10E1D"> D10E1D </code> | | Red 700 | <code style="color:white; background:#A80816"> A80816 </code> | | Red 800 | <code style="color:white; background:#850D15"> 850D15 </code> | | Red 900 | <code style="color:white; background:#6A1216"> 6A1216 </code> | | Red 950 | <code style="color:white; background:#34080A"> 34080A </code> | | Orange 50 | <code style="color:black; background:#FFF5E9"> FFF5E9 </code> | | Orange 100 | <code style="color:black; background:#FFE9CB"> FFE9CB </code> | | Orange 200 | <code style="color:black; background:#FDCE9A"> FDCE9A </code> | | Orange 300 | <code style="color:black; background:#FBAC61"> FBAC61 </code> | | Orange 400 | <code style="color:black; background:#F87E2F"> F87E2F </code> | | Orange 500 | <code style="color:white; background:#F55D14"> F55D14 </code> | | Orange 600 | <code style="color:white; background:#E2410E"> E2410E </code> | | Orange 700 | <code style="color:white; background:#B32D0D"> B32D0D </code> | | Orange 800 | <code style="color:white; background:#862410"> 862410 </code> | | Orange 900 | <code style="color:white; background:#67200F"> 67200F </code> | | Orange 950 | <code style="color:white; background:#330F09"> 330F09 </code> | | Amber 50 | <code style="color:black; background:#FFFBE6"> FFFBE6 </code> | | Amber 100 | <code style="color:black; background:#FDF1BB"> FDF1BB </code> | | Amber 200 | <code style="color:black; background:#FCE278"> FCE278 </code> | | Amber 300 | <code style="color:black; background:#FACB3D"> FACB3D </code> | | Amber 400 | <code style="color:black; background:#F9B31D"> F9B31D </code> | | Amber 500 | <code style="color:black; background:#F08D0E"> F08D0E </code> | | Amber 600 | <code style="color:white; background:#CE630B"> CE630B </code> | | Amber 700 | <code style="color:white; background:#A3400B"> A3400B </code> | | Amber 800 | <code style="color:white; background:#7E2F0D"> 7E2F0D </code> | | Amber 900 | <code style="color:white; background:#64270E"> 64270E </code> | | Amber 950 | <code style="color:white; background:#351304"> 351304 </code> | | Yellow 50 | <code style="color:black; background:#FEFCE2"> FEFCE2 </code> | | Yellow 100 | <code style="color:black; background:#FEF9B6"> FEF9B6 </code> | | Yellow 200 | <code style="color:black; background:#FDEF78"> FDEF78 </code> | | Yellow 300 | <code style="color:black; background:#FCDC38"> FCDC38 </code> | | Yellow 400 | <code style="color:black; background:#F8C314"> F8C314 </code> | | Yellow 500 | <code style="color:black; background:#E4A50D"> E4A50D </code> | | Yellow 600 | <code style="color:white; background:#BD7809"> BD7809 </code> | | Yellow 700 | <code style="color:white; background:#8E4F0A"> 8E4F0A </code> | | Yellow 800 | <code style="color:white; background:#713C0D"> 713C0D </code> | | Yellow 900 | <code style="color:white; background:#5D300F"> 5D300F </code> | | Yellow 950 | <code style="color:white; background:#321808"> 321808 </code> | | Lime 50 | <code style="color:black; background:#F5FFE1"> F5FFE1 </code> | | Lime 100 | <code style="color:black; background:#E8FDC0"> E8FDC0 </code> | | Lime 200 | <code style="color:black; background:#D1FB8C"> D1FB8C </code> | | Lime 300 | <code style="color:black; background:#B2F452"> B2F452 </code> | | Lime 400 | <code style="color:black; background:#95E529"> 95E529 </code> | | Lime 500 | <code style="color:black; background:#74C613"> 74C613 </code> | | Lime 600 | <code style="color:white; background:#54960D"> 54960D </code> | | Lime 700 | <code style="color:white; background:#3E6B0E"> 3E6B0E </code> | | Lime 800 | <code style="color:white; background:#31510F"> 31510F </code> | | Lime 900 | <code style="color:white; background:#2A4310"> 2A4310 </code> | | Lime 950 | <code style="color:white; background:#152306"> 152306 </code> | | Green 50 | <code style="color:black; background:#EDFDF1"> EDFDF1 </code> | | Green 100 | <code style="color:black; background:#D5FDE1"> D5FDE1 </code> | | Green 200 | <code style="color:black; background:#AFF8C5"> AFF8C5 </code> | | Green 300 | <code style="color:black; background:#77EF9C"> 77EF9C </code> | | Green 400 | <code style="color:black; background:#41DB6D"> 41DB6D </code> | | Green 500 | <code style="color:black; background:#25BD4C"> 25BD4C </code> | | Green 600 | <code style="color:white; background:#1B963A"> 1B963A </code> | | Green 700 | <code style="color:white; background:#17702F"> 17702F </code> | | Green 800 | <code style="color:white; background:#155427"> 155427 </code> | | Green 900 | <code style="color:white; background:#134322"> 134322 </code> | | Green 950 | <code style="color:white; background:#092311"> 092311 </code> | | Emerald 50 | <code style="color:black; background:#E8FDF2"> E8FDF2 </code> | | Emerald 100 | <code style="color:black; background:#C8FADF"> C8FADF </code> | | Emerald 200 | <code style="color:black; background:#99F3C5"> 99F3C5 </code> | | Emerald 300 | <code style="color:black; background:#60E5A8"> 60E5A8 </code> | | Emerald 400 | <code style="color:black; background:#31CD87"> 31CD87 </code> | | Emerald 500 | <code style="color:white; background:#1BAE6E"> 1BAE6E </code> | | Emerald 600 | <code style="color:white; background:#138756"> 138756 </code> | | Emerald 700 | <code style="color:white; background:#0F6745"> 0F6745 </code> | | Emerald 800 | <code style="color:white; background:#0D4E36"> 0D4E36 </code> | | Emerald 900 | <code style="color:white; background:#0B3E2D"> 0B3E2D </code> | | Emerald 950 | <code style="color:white; background:#05221A"> 05221A </code> | | Teal 50 | <code style="color:black; background:#EDFDF9"> EDFDF9 </code> | | Teal 100 | <code style="color:black; background:#C2FBED"> C2FBED </code> | | Teal 200 | <code style="color:black; background:#8BF6DD"> 8BF6DD </code> | | Teal 300 | <code style="color:black; background:#52E8CA"> 52E8CA </code> | | Teal 400 | <code style="color:black; background:#2CCDB1"> 2CCDB1 </code> | | Teal 500 | <code style="color:white; background:#1CAC95"> 1CAC95 </code> | | Teal 600 | <code style="color:white; background:#158475"> 158475 </code> | | Teal 700 | <code style="color:white; background:#13645B"> 13645B </code> | | Teal 800 | <code style="color:white; background:#124C47"> 124C47 </code> | | Teal 900 | <code style="color:white; background:#123E39"> 123E39 </code> | | Teal 950 | <code style="color:white; background:#082422"> 082422 </code> | | Cyan 50 | <code style="color:black; background:#E8FEFF"> E8FEFF </code> | | Cyan 100 | <code style="color:black; background:#C6F9FE"> C6F9FE </code> | | Cyan 200 | <code style="color:black; background:#97F1FB"> 97F1FB </code> | | Cyan 300 | <code style="color:black; background:#5AE4F7"> 5AE4F7 </code> | | Cyan 400 | <code style="color:black; background:#25CAE9"> 25CAE9 </code> | | Cyan 500 | <code style="color:white; background:#17A8CA"> 17A8CA </code> | | Cyan 600 | <code style="color:white; background:#137FA2"> 137FA2 </code> | | Cyan 700 | <code style="color:white; background:#12617D"> 12617D </code> | | Cyan 800 | <code style="color:white; background:#144B62"> 144B62 </code> | | Cyan 900 | <code style="color:white; background:#133D50"> 133D50 </code> | | Cyan 950 | <code style="color:white; background:#0A2634"> 0A2634 </code> | | Sky 50 | <code style="color:black; background:#ECF7FF"> ECF7FF </code> | | Sky 100 | <code style="color:black; background:#D9EFFE"> D9EFFE </code> | | Sky 200 | <code style="color:black; background:#ADE0FC"> ADE0FC </code> | | Sky 300 | <code style="color:black; background:#6DC9FB"> 6DC9FB </code> | | Sky 400 | <code style="color:black; background:#31AEF6"> 31AEF6 </code> | | Sky 500 | <code style="color:white; background:#1792E3"> 1792E3 </code> | | Sky 600 | <code style="color:white; background:#0E6FBB"> 0E6FBB </code> | | Sky 700 | <code style="color:white; background:#0C5490"> 0C5490 </code> | | Sky 800 | <code style="color:white; background:#0C4672"> 0C4672 </code> | | Sky 900 | <code style="color:white; background:#0E395B"> 0E395B </code> | | Sky 950 | <code style="color:white; background:#0A2339"> 0A2339 </code> | | Blue 50 | <code style="color:black; background:#EBF3FF"> EBF3FF </code> | | Blue 100 | <code style="color:black; background:#D3E4FE"> D3E4FE </code> | | Blue 200 | <code style="color:black; background:#B2D2FE"> B2D2FE </code> | | Blue 300 | <code style="color:black; background:#82B7FC"> 82B7FC </code> | | Blue 400 | <code style="color:white; background:#4F91F8"> 4F91F8 </code> | | Blue 500 | <code style="color:white; background:#2F69F3"> 2F69F3 </code> | | Blue 600 | <code style="color:white; background:#1D48E6"> 1D48E6 </code> | | Blue 700 | <code style="color:white; background:#1634CF"> 1634CF </code> | | Blue 800 | <code style="color:white; background:#172A9F"> 172A9F </code> | | Blue 900 | <code style="color:white; background:#172877"> 172877 </code> | | Blue 950 | <code style="color:white; background:#121A42"> 121A42 </code> | | Indigo 50 | <code style="color:black; background:#EAEEFF"> EAEEFF </code> | | Indigo 100 | <code style="color:black; background:#D9E0FF"> D9E0FF </code> | | Indigo 200 | <code style="color:black; background:#BBC6FE"> BBC6FE </code> | | Indigo 300 | <code style="color:black; background:#94A2FB"> 94A2FB </code> | | Indigo 400 | <code style="color:white; background:#6E73F6"> 6E73F6 </code> | | Indigo 500 | <code style="color:white; background:#504AED"> 504AED </code> | | Indigo 600 | <code style="color:white; background:#3D28DE"> 3D28DE </code> | | Indigo 700 | <code style="color:white; background:#331DBE"> 331DBE </code> | | Indigo 800 | <code style="color:white; background:#291B92"> 291B92 </code> | | Indigo 900 | <code style="color:white; background:#241E6E"> 241E6E </code> | | Indigo 950 | <code style="color:white; background:#17123A"> 17123A </code> | | Violet 50 | <code style="color:black; background:#F2EFFF"> F2EFFF </code> | | Violet 100 | <code style="color:black; background:#E8E3FE"> E8E3FE </code> | | Violet 200 | <code style="color:black; background:#D5CBFE"> D5CBFE </code> | | Violet 300 | <code style="color:black; background:#B7A2FC"> B7A2FC </code> | | Violet 400 | <code style="color:white; background:#9571F8"> 9571F8 </code> | | Violet 500 | <code style="color:white; background:#773DF3"> 773DF3 </code> | | Violet 600 | <code style="color:white; background:#6715E8"> 6715E8 </code> | | Violet 700 | <code style="color:white; background:#5800D0"> 5800D0 </code> | | Violet 800 | <code style="color:white; background:#4800A7"> 4800A7 </code> | | Violet 900 | <code style="color:white; background:#3A0583"> 3A0583 </code> | | Violet 950 | <code style="color:white; background:#220252"> 220252 </code> | | Purple 50 | <code style="color:black; background:#F9F2FF"> F9F2FF </code> | | Purple 100 | <code style="color:black; background:#F0E1FF"> F0E1FF </code> | | Purple 200 | <code style="color:black; background:#E3C9FF"> E3C9FF </code> | | Purple 300 | <code style="color:black; background:#CEA0FE"> CEA0FE </code> | | Purple 400 | <code style="color:white; background:#B168FB"> B168FB </code> | | Purple 500 | <code style="color:white; background:#9533F5"> 9533F5 </code> | | Purple 600 | <code style="color:white; background:#7F04E4"> 7F04E4 </code> | | Purple 700 | <code style="color:white; background:#6900C3"> 6900C3 </code> | | Purple 800 | <code style="color:white; background:#570097"> 570097 </code> | | Purple 900 | <code style="color:white; background:#450874"> 450874 </code> | | Purple 950 | <code style="color:white; background:#2C0051"> 2C0051 </code> | | Fuchsia 50 | <code style="color:black; background:#FCF0FF"> FCF0FF </code> | | Fuchsia 100 | <code style="color:black; background:#F8E1FF"> F8E1FF </code> | | Fuchsia 200 | <code style="color:black; background:#F1C2FE"> F1C2FE </code> | | Fuchsia 300 | <code style="color:black; background:#EA95FB"> EA95FB </code> | | Fuchsia 400 | <code style="color:white; background:#E05AF7"> E05AF7 </code> | | Fuchsia 500 | <code style="color:white; background:#CD1EEB"> CD1EEB </code> | | Fuchsia 600 | <code style="color:white; background:#B000C9"> B000C9 </code> | | Fuchsia 700 | <code style="color:white; background:#8F009F"> 8F009F </code> | | Fuchsia 800 | <code style="color:white; background:#71007C"> 71007C </code> | | Fuchsia 900 | <code style="color:white; background:#5B0662"> 5B0662 </code> | | Fuchsia 950 | <code style="color:white; background:#39003D"> 39003D </code> | | Pink 50 | <code style="color:black; background:#FCEEF6"> FCEEF6 </code> | | Pink 100 | <code style="color:black; background:#FBE0F0"> FBE0F0 </code> | | Pink 200 | <code style="color:black; background:#F9C2E2"> F9C2E2 </code> | | Pink 300 | <code style="color:black; background:#F593CA"> F593CA </code> | | Pink 400 | <code style="color:white; background:#EE57A7"> EE57A7 </code> | | Pink 500 | <code style="color:white; background:#E42B87"> E42B87 </code> | | Pink 600 | <code style="color:white; background:#D00464"> D00464 </code> | | Pink 700 | <code style="color:white; background:#AE004B"> AE004B </code> | | Pink 800 | <code style="color:white; background:#89003C"> 89003C </code> | | Pink 900 | <code style="color:white; background:#6E0A34"> 6E0A34 </code> | | Pink 950 | <code style="color:white; background:#3E001B"> 3E001B </code> | | Rose 50 | <code style="color:black; background:#FFEDEF"> FFEDEF </code> | | Rose 100 | <code style="color:black; background:#FEDDE0"> FEDDE0 </code> | | Rose 200 | <code style="color:black; background:#FCC0C9"> FCC0C9 </code> | | Rose 300 | <code style="color:black; background:#FA909F"> FA909F </code> | | Rose 400 | <code style="color:white; background:#F75872"> F75872 </code> | | Rose 500 | <code style="color:white; background:#EE254C"> EE254C </code> | | Rose 600 | <code style="color:white; background:#D70038"> D70038 </code> | | Rose 700 | <code style="color:white; background:#AE002E"> AE002E </code> | | Rose 800 | <code style="color:white; background:#8C002B"> 8C002B </code> | | Rose 900 | <code style="color:white; background:#73032A"> 73032A </code> | | Rose 950 | <code style="color:white; background:#3A0014"> 3A0014 </code> |