-
-
Save cykerway/fab8974f3ce936114294a39a426d57db to your computer and use it in GitHub Desktop.
Flat Design Color Chart - http://htmlcolorcodes.com/color-chart/flat-design-color-chart/
This file contains 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
{ | |
"pomegranate": { | |
"50": "#f9ebea", | |
"100": "#f2d7d5", | |
"200": "#e6b0aa", | |
"300": "#d98880", | |
"400": "#cd6155", | |
"500": "#c0392b", | |
"600": "#a93226", | |
"700": "#922b21", | |
"800": "#7b241c", | |
"900": "#641e16" | |
}, | |
"alizarin": { | |
"50": "#fdedec", | |
"100": "#fadbd8", | |
"200": "#f5b7b1", | |
"300": "#f1948a", | |
"400": "#ec7063", | |
"500": "#e74c3c", | |
"600": "#cb4335", | |
"700": "#b03a2e", | |
"800": "#943126", | |
"900": "#78281f" | |
}, | |
"amethyst": { | |
"50": "#f5eef8", | |
"100": "#ebdef0", | |
"200": "#d7bde2", | |
"300": "#c39bd3", | |
"400": "#af7ac5", | |
"500": "#9b59b6", | |
"600": "#884ea0", | |
"700": "#76448a", | |
"800": "#633974", | |
"900": "#512e5f" | |
}, | |
"wisteria": { | |
"50": "#f4ecf7", | |
"100": "#e8daef", | |
"200": "#d2b4de", | |
"300": "#bb8fce", | |
"400": "#a569bd", | |
"500": "#8e44ad", | |
"600": "#7d3c98", | |
"700": "#6c3483", | |
"800": "#5b2c6f", | |
"900": "#4a235a" | |
}, | |
"belize-hole": { | |
"50": "#eaf2f8", | |
"100": "#d4e6f1", | |
"200": "#a9cce3", | |
"300": "#7fb3d5", | |
"400": "#5499c7", | |
"500": "#2980b9", | |
"600": "#2471a3", | |
"700": "#1f618d", | |
"800": "#1a5276", | |
"900": "#154360" | |
}, | |
"peter-river": { | |
"50": "#ebf5fb", | |
"100": "#d6eaf8", | |
"200": "#aed6f1", | |
"300": "#85c1e9", | |
"400": "#5dade2", | |
"500": "#3498db", | |
"600": "#2e86c1", | |
"700": "#2874a6", | |
"800": "#21618c", | |
"900": "#1b4f72" | |
}, | |
"turquoise": { | |
"50": "#e8f8f5", | |
"100": "#d1f2eb", | |
"200": "#a3e4d7", | |
"300": "#76d7c4", | |
"400": "#48c9b0", | |
"500": "#1abc9c", | |
"600": "#17a589", | |
"700": "#148f77", | |
"800": "#117864", | |
"900": "#0e6251" | |
}, | |
"green-sea": { | |
"50": "#e8f6f3", | |
"100": "#d0ece7", | |
"200": "#a2d9ce", | |
"300": "#73c6b6", | |
"400": "#45b39d", | |
"500": "#16a085", | |
"600": "#138d75", | |
"700": "#117a65", | |
"800": "#0e6655", | |
"900": "#0b5345" | |
}, | |
"nephritis": { | |
"50": "#e9f7ef", | |
"100": "#d4efdf", | |
"200": "#a9dfbf", | |
"300": "#7dcea0", | |
"400": "#52be80", | |
"500": "#27ae60", | |
"600": "#229954", | |
"700": "#1e8449", | |
"800": "#196f3d", | |
"900": "#145a32" | |
}, | |
"emerald": { | |
"50": "#eafaf1", | |
"100": "#d5f5e3", | |
"200": "#abebc6", | |
"300": "#82e0aa", | |
"400": "#58d68d", | |
"500": "#2ecc71", | |
"600": "#28b463", | |
"700": "#239b56", | |
"800": "#1d8348", | |
"900": "#186a3b" | |
}, | |
"sunflower": { | |
"50": "#fef9e7", | |
"100": "#fcf3cf", | |
"200": "#f9e79f", | |
"300": "#f7dc6f", | |
"400": "#f4d03f", | |
"500": "#f1c40f", | |
"600": "#d4ac0d", | |
"700": "#b7950b", | |
"800": "#9a7d0a", | |
"900": "#7d6608" | |
}, | |
"orange": { | |
"50": "#fef5e7", | |
"100": "#fdebd0", | |
"200": "#fad7a0", | |
"300": "#f8c471", | |
"400": "#f5b041", | |
"500": "#f39c12", | |
"600": "#d68910", | |
"700": "#b9770e", | |
"800": "#9c640c", | |
"900": "#7e5109" | |
}, | |
"carrot": { | |
"50": "#fdf2e9", | |
"100": "#fae5d3", | |
"200": "#f5cba7", | |
"300": "#f0b27a", | |
"400": "#eb984e", | |
"500": "#e67e22", | |
"600": "#ca6f1e", | |
"700": "#af601a", | |
"800": "#935116", | |
"900": "#784212" | |
}, | |
"pumpkin": { | |
"50": "#fbeee6", | |
"100": "#f6ddcc", | |
"200": "#edbb99", | |
"300": "#e59866", | |
"400": "#dc7633", | |
"500": "#d35400", | |
"600": "#ba4a00", | |
"700": "#a04000", | |
"800": "#873600", | |
"900": "#6e2c00" | |
}, | |
"clouds": { | |
"50": "#fdfefe", | |
"100": "#fbfcfc", | |
"200": "#f7f9f9", | |
"300": "#f4f6f7", | |
"400": "#f0f3f4", | |
"500": "#ecf0f1", | |
"600": "#d0d3d4", | |
"700": "#b3b6b7", | |
"800": "#979a9a", | |
"900": "#7b7d7d" | |
}, | |
"silver": { | |
"50": "#f8f9f9", | |
"100": "#f2f3f4", | |
"200": "#e5e7e9", | |
"300": "#d7dbdd", | |
"400": "#cacfd2", | |
"500": "#bdc3c7", | |
"600": "#a6acaf", | |
"700": "#909497", | |
"800": "#797d7f", | |
"900": "#626567" | |
}, | |
"concrete": { | |
"50": "#f4f6f6", | |
"100": "#eaeded", | |
"200": "#d5dbdb", | |
"300": "#bfc9ca", | |
"400": "#aab7b8", | |
"500": "#95a5a6", | |
"600": "#839192", | |
"700": "#717d7e", | |
"800": "#5f6a6a", | |
"900": "#4d5656" | |
}, | |
"asbestos": { | |
"50": "#f2f4f4", | |
"100": "#e5e8e8", | |
"200": "#ccd1d1", | |
"300": "#b2babb", | |
"400": "#99a3a4", | |
"500": "#7f8c8d", | |
"600": "#707b7c", | |
"700": "#616a6b", | |
"800": "#515a5a", | |
"900": "#424949" | |
}, | |
"wet-asphalt": { | |
"50": "#ebedef", | |
"100": "#d6dbdf", | |
"200": "#aeb6bf", | |
"300": "#85929e", | |
"400": "#5d6d7e", | |
"500": "#34495e", | |
"600": "#2e4053", | |
"700": "#283747", | |
"800": "#212f3c", | |
"900": "#1b2631" | |
}, | |
"midnight-blue": { | |
"50": "#eaecee", | |
"100": "#d5d8dc", | |
"200": "#abb2b9", | |
"300": "#808b96", | |
"400": "#566573", | |
"500": "#2c3e50", | |
"600": "#273746", | |
"700": "#212f3d", | |
"800": "#1c2833", | |
"900": "#17202a" | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment