Created
August 27, 2025 08:04
-
-
Save Betree/731e2265dce7a664dce46bf984221e7b to your computer and use it in GitHub Desktop.
Tailwind colors converted to Hex
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "red": { | |
| "50": "#fef2f2", | |
| "100": "#ffe2e2", | |
| "200": "#ffc9c9", | |
| "300": "#ffa2a2", | |
| "400": "#ff6467", | |
| "500": "#fb2c36", | |
| "600": "#e7000b", | |
| "700": "#c10007", | |
| "800": "#9f0712", | |
| "900": "#82181a", | |
| "950": "#460809" | |
| }, | |
| "orange": { | |
| "50": "#fff7ed", | |
| "100": "#ffedd4", | |
| "200": "#ffd6a7", | |
| "300": "#ffb86a", | |
| "400": "#ff8904", | |
| "500": "#ff6900", | |
| "600": "#f54900", | |
| "700": "#ca3500", | |
| "800": "#9f2d00", | |
| "900": "#7e2a0c", | |
| "950": "#441306" | |
| }, | |
| "amber": { | |
| "50": "#fffbeb", | |
| "100": "#fef3c6", | |
| "200": "#fee685", | |
| "300": "#ffd230", | |
| "400": "#ffb900", | |
| "500": "#fe9a00", | |
| "600": "#e17100", | |
| "700": "#bb4d00", | |
| "800": "#973c00", | |
| "900": "#7b3306", | |
| "950": "#461901" | |
| }, | |
| "yellow": { | |
| "50": "#fefce8", | |
| "100": "#fef9c2", | |
| "200": "#fff085", | |
| "300": "#ffdf20", | |
| "400": "#fdc700", | |
| "500": "#f0b100", | |
| "600": "#d08700", | |
| "700": "#a65f00", | |
| "800": "#894b00", | |
| "900": "#733e0a", | |
| "950": "#432004" | |
| }, | |
| "lime": { | |
| "50": "#f7fee7", | |
| "100": "#ecfcca", | |
| "200": "#d8f999", | |
| "300": "#bbf451", | |
| "400": "#9ae600", | |
| "500": "#7ccf00", | |
| "600": "#5ea500", | |
| "700": "#497d00", | |
| "800": "#3c6300", | |
| "900": "#35530e", | |
| "950": "#192e03" | |
| }, | |
| "green": { | |
| "50": "#f0fdf4", | |
| "100": "#dcfce7", | |
| "200": "#b9f8cf", | |
| "300": "#7bf1a8", | |
| "400": "#05df72", | |
| "500": "#00c950", | |
| "600": "#00a63e", | |
| "700": "#008236", | |
| "800": "#016630", | |
| "900": "#0d542b", | |
| "950": "#032e15" | |
| }, | |
| "emerald": { | |
| "50": "#ecfdf5", | |
| "100": "#d0fae5", | |
| "200": "#a4f4cf", | |
| "300": "#5ee9b5", | |
| "400": "#00d492", | |
| "500": "#00bc7d", | |
| "600": "#009966", | |
| "700": "#007a55", | |
| "800": "#006045", | |
| "900": "#004f3b", | |
| "950": "#002c22" | |
| }, | |
| "teal": { | |
| "50": "#f0fdfa", | |
| "100": "#cbfbf1", | |
| "200": "#96f7e4", | |
| "300": "#46ecd5", | |
| "400": "#00d5be", | |
| "500": "#00bba7", | |
| "600": "#009689", | |
| "700": "#00786f", | |
| "800": "#005f5a", | |
| "900": "#0b4f4a", | |
| "950": "#022f2e" | |
| }, | |
| "cyan": { | |
| "50": "#ecfeff", | |
| "100": "#cefafe", | |
| "200": "#a2f4fd", | |
| "300": "#53eafd", | |
| "400": "#00d3f2", | |
| "500": "#00b8db", | |
| "600": "#0092b8", | |
| "700": "#007595", | |
| "800": "#005f78", | |
| "900": "#104e64", | |
| "950": "#053345" | |
| }, | |
| "sky": { | |
| "50": "#f0f9ff", | |
| "100": "#dff2fe", | |
| "200": "#b8e6fe", | |
| "300": "#74d4ff", | |
| "400": "#00bcff", | |
| "500": "#00a6f4", | |
| "600": "#0084d1", | |
| "700": "#0069a8", | |
| "800": "#00598a", | |
| "900": "#024a70", | |
| "950": "#052f4a" | |
| }, | |
| "blue": { | |
| "50": "#eff6ff", | |
| "100": "#dbeafe", | |
| "200": "#bedbff", | |
| "300": "#8ec5ff", | |
| "400": "#51a2ff", | |
| "500": "#2b7fff", | |
| "600": "#155dfc", | |
| "700": "#1447e6", | |
| "800": "#193cb8", | |
| "900": "#1c398e", | |
| "950": "#162456" | |
| }, | |
| "indigo": { | |
| "50": "#eef2ff", | |
| "100": "#e0e7ff", | |
| "200": "#c6d2ff", | |
| "300": "#a3b3ff", | |
| "400": "#7c86ff", | |
| "500": "#615fff", | |
| "600": "#4f39f6", | |
| "700": "#432dd7", | |
| "800": "#372aac", | |
| "900": "#312c85", | |
| "950": "#1e1a4d" | |
| }, | |
| "violet": { | |
| "50": "#f5f3ff", | |
| "100": "#ede9fe", | |
| "200": "#ddd6ff", | |
| "300": "#c4b4ff", | |
| "400": "#a684ff", | |
| "500": "#8e51ff", | |
| "600": "#7f22fe", | |
| "700": "#7008e7", | |
| "800": "#5d0ec0", | |
| "900": "#4d179a", | |
| "950": "#2f0d68" | |
| }, | |
| "purple": { | |
| "50": "#faf5ff", | |
| "100": "#f3e8ff", | |
| "200": "#e9d4ff", | |
| "300": "#dab2ff", | |
| "400": "#c27aff", | |
| "500": "#ad46ff", | |
| "600": "#9810fa", | |
| "700": "#8200db", | |
| "800": "#6e11b0", | |
| "900": "#59168b", | |
| "950": "#3c0366" | |
| }, | |
| "fuchsia": { | |
| "50": "#fdf4ff", | |
| "100": "#fae8ff", | |
| "200": "#f6cfff", | |
| "300": "#f4a8ff", | |
| "400": "#ed6aff", | |
| "500": "#e12afb", | |
| "600": "#c800de", | |
| "700": "#a800b7", | |
| "800": "#8a0194", | |
| "900": "#721378", | |
| "950": "#4b004f" | |
| }, | |
| "pink": { | |
| "50": "#fdf2f8", | |
| "100": "#fce7f3", | |
| "200": "#fccee8", | |
| "300": "#fda5d5", | |
| "400": "#fb64b6", | |
| "500": "#f6339a", | |
| "600": "#e60076", | |
| "700": "#c6005c", | |
| "800": "#a3004c", | |
| "900": "#861043", | |
| "950": "#510424" | |
| }, | |
| "rose": { | |
| "50": "#fff1f2", | |
| "100": "#ffe4e6", | |
| "200": "#ffccd3", | |
| "300": "#ffa1ad", | |
| "400": "#ff637e", | |
| "500": "#ff2056", | |
| "600": "#ec003f", | |
| "700": "#c70036", | |
| "800": "#a50036", | |
| "900": "#8b0836", | |
| "950": "#4d0218" | |
| }, | |
| "slate": { | |
| "50": "#f8fafc", | |
| "100": "#f1f5f9", | |
| "200": "#e2e8f0", | |
| "300": "#cad5e2", | |
| "400": "#90a1b9", | |
| "500": "#62748e", | |
| "600": "#45556c", | |
| "700": "#314158", | |
| "800": "#1d293d", | |
| "900": "#0f172b", | |
| "950": "#020618" | |
| }, | |
| "gray": { | |
| "50": "#f9fafb", | |
| "100": "#f3f4f6", | |
| "200": "#e5e7eb", | |
| "300": "#d1d5dc", | |
| "400": "#99a1af", | |
| "500": "#6a7282", | |
| "600": "#4a5565", | |
| "700": "#364153", | |
| "800": "#1e2939", | |
| "900": "#101828", | |
| "950": "#030712" | |
| }, | |
| "zinc": { | |
| "50": "#fafafa", | |
| "100": "#f4f4f5", | |
| "200": "#e4e4e7", | |
| "300": "#d4d4d8", | |
| "400": "#9f9fa9", | |
| "500": "#71717b", | |
| "600": "#52525c", | |
| "700": "#3f3f46", | |
| "800": "#27272a", | |
| "900": "#18181b", | |
| "950": "#09090b" | |
| }, | |
| "neutral": { | |
| "50": "#fafafa", | |
| "100": "#f5f5f5", | |
| "200": "#e5e5e5", | |
| "300": "#d4d4d4", | |
| "400": "#a1a1a1", | |
| "500": "#737373", | |
| "600": "#525252", | |
| "700": "#404040", | |
| "800": "#262626", | |
| "900": "#171717", | |
| "950": "#0a0a0a" | |
| }, | |
| "stone": { | |
| "50": "#fafaf9", | |
| "100": "#f5f5f4", | |
| "200": "#e7e5e4", | |
| "300": "#d6d3d1", | |
| "400": "#a6a09b", | |
| "500": "#79716b", | |
| "600": "#57534d", | |
| "700": "#44403b", | |
| "800": "#292524", | |
| "900": "#1c1917", | |
| "950": "#0c0a09" | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment