Created
April 8, 2016 04:55
-
-
Save hosmelq/6ca60bc957cd7216c792748ad2716bba 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 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
| { | |
| "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