Created
February 22, 2020 08:23
-
-
Save brysonreece/189256800e984c56e21aaa0375c45039 to your computer and use it in GitHub Desktop.
Tailwind HTML Colors
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
| // colors from materialui.co/htmlcolors | |
| module.exports = { | |
| theme: { | |
| colors: { | |
| 'gainsboro': '#dcdcdc', | |
| 'light-gray': '#d3d3d3', | |
| 'silver': '#c0c0c0', | |
| 'dark-gray': '#a9a9a9', | |
| 'gray': '#808080', | |
| 'dim-gray': '#696969', | |
| 'light-slate-gray': '#778899', | |
| 'slate-gray': '#708090', | |
| 'dark-slate-gray': '#2f4f4f', | |
| 'black': '#000000', | |
| 'cornsilk': '#fff8dc', | |
| 'blanched-almond': '#ffebcd', | |
| 'bisque': '#ffe4c4', | |
| 'navajo-white': '#ffdead', | |
| 'wheat': '#f5deb3', | |
| 'burly-wood': '#deb887', | |
| 'tan': '#d2b48c', | |
| 'rosy-brown': '#bc8f8f', | |
| 'sandy-brown': '#f4a460', | |
| 'goldenrod': '#daa520', | |
| 'dark-goldenrod': '#b8860b', | |
| 'peru': '#cd853f', | |
| 'chocolate': '#d2691e', | |
| 'saddle-brown': '#8b4513', | |
| 'sienna': '#a0522d', | |
| 'brown': '#a52a2a', | |
| 'maroon': '#800000', | |
| 'indian-red': '#cd5c5c', | |
| 'light-coral': '#f08080', | |
| 'salmon': '#fa8072', | |
| 'dark-salmon': '#e9967a', | |
| 'light-salmon': '#ffa07a', | |
| 'crimson': '#dc143c', | |
| 'red': '#ff0000', | |
| 'fire-brick': '#b22222', | |
| 'dark-red': '#8b0000', | |
| 'pink': '#ffc0cb', | |
| 'light-pink': '#ffb6c1', | |
| 'hot-pink': '#ff69b4', | |
| 'deep-pink': '#ff1493', | |
| 'medium-violet-red': '#c71585', | |
| 'pale-violet-red': '#db7093', | |
| 'light-salmon': '#ffa07a', | |
| 'coral': '#ff7f50', | |
| 'tomato': '#ff6347', | |
| 'orange-red': '#ff4500', | |
| 'dark-orange': '#ff8c00', | |
| 'orange': '#ffa500', | |
| 'gold': '#ffd700', | |
| 'yellow': '#ffff00', | |
| 'light-yellow': '#ffffe0', | |
| 'lemon-chiffon': '#fffacd', | |
| 'light-goldenrod-yellow': '#fafad2', | |
| 'papaya-whip': '#ffefd5', | |
| 'moccasin': '#ffe4b5', | |
| 'peach-puff': '#ffdab9', | |
| 'pale-goldenrod': '#eee8aa', | |
| 'khaki': '#f0e68c', | |
| 'dark-khaki': '#bdb76b', | |
| 'green-yellow': '#adff2f', | |
| 'chartreuse': '#7fff00', | |
| 'lawn-green': '#7cfc00', | |
| 'lime': '#00ff00', | |
| 'lime-green': '#32cd32', | |
| 'pale-green': '#98fb98', | |
| 'light-green': '#90ee90', | |
| 'medium-spring': '#00fa9a', | |
| 'spring-green': '#00ff7f', | |
| 'medium-sea-green': '#3cb371', | |
| 'sea-green': '#2e8b57', | |
| 'forest-green': '#228b22', | |
| 'green': '#008000', | |
| 'dark-green': '#006400', | |
| 'yellow-green': '#9acd32', | |
| 'olive-drab': '#6b8e23', | |
| 'olive': '#808000', | |
| 'dark-olive-green': '#556b2f', | |
| 'medium-aquamarine': '#66cdaa', | |
| 'dark-sea-green': '#8fbc8b', | |
| 'light-sea-green': '#20b2aa', | |
| 'dark-cyan': '#008b8b', | |
| 'teal': '#008080', | |
| 'lavender': '#e6e6fa', | |
| 'thistle': '#d8bfd8', | |
| 'plum': '#dda0dd', | |
| 'violet': '#ee82ee', | |
| 'orchid': '#da70d6', | |
| 'fuchsia': '#ff00ff', | |
| 'magenta': '#ff00ff', | |
| 'medium-orchid': '#ba55d3', | |
| 'medium-purple': '#9370db', | |
| 'rebecca-purple': '#663399', | |
| 'blue-violet': '#8a2be2', | |
| 'dark-violet': '#9400d3', | |
| 'dark-orchid': '#9932cc', | |
| 'dark-magenta': '#8b008b', | |
| 'purple': '#800080', | |
| 'indigo': '#4b0082', | |
| 'slate-blue': '#6a5acd', | |
| 'dark-slate-blue': '#483d8b', | |
| 'medium-slate-blue': '#7b68ee', | |
| 'aqua': '#00ffff', | |
| 'cyan': '#00ffff', | |
| 'light-cyan': '#e0ffff', | |
| 'pale-turquoise': '#afeeee', | |
| 'aquamarine': '#7fffd4', | |
| 'turquoise': '#40e0d0', | |
| 'medium-turquoise': '#48d1cc', | |
| 'dark-turquoise': '#00ced1', | |
| 'cadet-blue': '#5f9ea0', | |
| 'steel-blue': '#4682b4', | |
| 'light-steel-blue': '#b0c4de', | |
| 'powder-blue': '#b0e0e6', | |
| 'light-blue': '#add8e6', | |
| 'sky-blue': '#87ceeb', | |
| 'light-sky-blue': '#87cefa', | |
| 'deep-sky-blue': '#00bfff', | |
| 'dodger-blue': '#1e90ff', | |
| 'cornflower-blue': '#6495ed', | |
| 'medium-slate-blue': '#7b68ee', | |
| 'royal-blue': '#4169e1', | |
| 'blue': '#0000ff', | |
| 'medium-blue': '#0000cd', | |
| 'dark-blue': '#00008b', | |
| 'navy': '#000080', | |
| 'midnight-blue': '#191970', | |
| 'white': '#ffffff', | |
| 'snow': '#fffafa', | |
| 'honey-dew': '#f0fff0', | |
| 'mint-cream': '#f5fffa', | |
| 'azure': '#f0ffff', | |
| 'alice-blue': '#f0f8ff', | |
| 'ghost-white': '#f8f8ff', | |
| 'white-smoke': '#f5f5f5', | |
| 'sea-shell': '#fff5ee', | |
| 'beige': '#f5f5dc', | |
| 'old-lace': '#fdf5e6', | |
| 'floral-white': '#fffaf0', | |
| 'ivory': '#fffff0', | |
| 'antique-white': '#faebd7', | |
| 'linen': '#faf0e6', | |
| 'lavender-blush': '#fff0f5', | |
| 'misty-rose': '#ffe4e1' | |
| }, | |
| extend: {} | |
| }, | |
| variants: {}, | |
| plugins: [] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment