3f:null 40:["$","title",null,{"children":"Google Material Design color palette | Den Sandeman | Observable"}] 46:T68a2,colors = ({ 'Red': { '50': { 'color': '#FFEBEE', 'hex': '#FFEBEE', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#FFCDD2', 'hex': '#FFCDD2', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#EF9A9A', 'hex': '#EF9A9A', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#E57373', 'hex': '#E57373', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#EF5350', 'hex': '#EF5350', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '500': { 'color': '#F44336', 'hex': '#F44336', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#E53935', 'hex': '#E53935', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#D32F2F', 'hex': '#D32F2F', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#C62828', 'hex': '#C62828', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#B71C1C', 'hex': '#B71C1C', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#FF8A80', 'hex': '#FF8A80', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#FF5252', 'hex': '#FF5252', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A400': { 'color': '#FF1744', 'hex': '#FF1744', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A700': { 'color': '#D50000', 'hex': '#D50000', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Pink': { '50': { 'color': '#FCE4EC', 'hex': '#FCE4EC', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#F8BBD0', 'hex': '#F8BBD0', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#F48FB1', 'hex': '#F48FB1', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#F06292', 'hex': '#F06292', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '400': { 'color': '#EC407A', 'hex': '#EC407A', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '500': { 'color': '#E91E63', 'hex': '#E91E63', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#D81B60', 'hex': '#D81B60', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#C2185B', 'hex': '#C2185B', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#AD1457', 'hex': '#AD1457', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#880E4F', 'hex': '#880E4F', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#FF80AB', 'hex': '#FF80AB', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#FF4081', 'hex': '#FF4081', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A400': { 'color': '#F50057', 'hex': '#F50057', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A700': { 'color': '#C51162', 'hex': '#C51162', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Purple': { '50': { 'color': '#F3E5F5', 'hex': '#F3E5F5', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#E1BEE7', 'hex': '#E1BEE7', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#CE93D8', 'hex': '#CE93D8', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#BA68C8', 'hex': '#BA68C8', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '400': { 'color': '#AB47BC', 'hex': '#AB47BC', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '500': { 'color': '#9C27B0', 'hex': '#9C27B0', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#8E24AA', 'hex': '#8E24AA', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#7B1FA2', 'hex': '#7B1FA2', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#6A1B9A', 'hex': '#6A1B9A', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#4A148C', 'hex': '#4A148C', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#EA80FC', 'hex': '#EA80FC', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#E040FB', 'hex': '#E040FB', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A400': { 'color': '#D500F9', 'hex': '#D500F9', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A700': { 'color': '#AA00FF', 'hex': '#AA00FF', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Deep Purple': { '50': { 'color': '#EDE7F6', 'hex': '#EDE7F6', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#D1C4E9', 'hex': '#D1C4E9', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#B39DDB', 'hex': '#B39DDB', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#9575CD', 'hex': '#9575CD', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '400': { 'color': '#7E57C2', 'hex': '#7E57C2', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '500': { 'color': '#673AB7', 'hex': '#673AB7', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#5E35B1', 'hex': '#5E35B1', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#512DA8', 'hex': '#512DA8', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#4527A0', 'hex': '#4527A0', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#311B92', 'hex': '#311B92', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#B388FF', 'hex': '#B388FF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#7C4DFF', 'hex': '#7C4DFF', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A400': { 'color': '#651FFF', 'hex': '#651FFF', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A700': { 'color': '#6200EA', 'hex': '#6200EA', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Indigo': { '50': { 'color': '#E8EAF6', 'hex': '#E8EAF6', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#C5CAE9', 'hex': '#C5CAE9', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#9FA8DA', 'hex': '#9FA8DA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#7986CB', 'hex': '#7986CB', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '400': { 'color': '#5C6BC0', 'hex': '#5C6BC0', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '500': { 'color': '#3F51B5', 'hex': '#3F51B5', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#3949AB', 'hex': '#3949AB', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#303F9F', 'hex': '#303F9F', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#283593', 'hex': '#283593', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#1A237E', 'hex': '#1A237E', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#8C9EFF', 'hex': '#8C9EFF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#536DFE', 'hex': '#536DFE', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A400': { 'color': '#3D5AFE', 'hex': '#3D5AFE', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A700': { 'color': '#304FFE', 'hex': '#304FFE', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Blue': { '50': { 'color': '#E3F2FD', 'hex': '#E3F2FD', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#BBDEFB', 'hex': '#BBDEFB', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#90CAF9', 'hex': '#90CAF9', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#64B5F6', 'hex': '#64B5F6', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#42A5F5', 'hex': '#42A5F5', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#2196F3', 'hex': '#2196F3', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#1E88E5', 'hex': '#1E88E5', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#1976D2', 'hex': '#1976D2', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#1565C0', 'hex': '#1565C0', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#0D47A1', 'hex': '#0D47A1', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#82B1FF', 'hex': '#82B1FF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#448AFF', 'hex': '#448AFF', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A400': { 'color': '#2979FF', 'hex': '#2979FF', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A700': { 'color': '#2962FF', 'hex': '#2962FF', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Light Blue': { '50': { 'color': '#E1F5FE', 'hex': '#E1F5FE', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#B3E5FC', 'hex': '#B3E5FC', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#81D4FA', 'hex': '#81D4FA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#4FC3F7', 'hex': '#4FC3F7', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#29B6F6', 'hex': '#29B6F6', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#03A9F4', 'hex': '#03A9F4', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#039BE5', 'hex': '#039BE5', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#0288D1', 'hex': '#0288D1', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#0277BD', 'hex': '#0277BD', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#01579B', 'hex': '#01579B', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#80D8FF', 'hex': '#80D8FF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#40C4FF', 'hex': '#40C4FF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#00B0FF', 'hex': '#00B0FF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#0091EA', 'hex': '#0091EA', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Cyan': { '50': { 'color': '#E0F7FA', 'hex': '#E0F7FA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#B2EBF2', 'hex': '#B2EBF2', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#80DEEA', 'hex': '#80DEEA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#4DD0E1', 'hex': '#4DD0E1', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#26C6DA', 'hex': '#26C6DA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#00BCD4', 'hex': '#00BCD4', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#00ACC1', 'hex': '#00ACC1', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '700': { 'color': '#0097A7', 'hex': '#0097A7', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#00838F', 'hex': '#00838F', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#006064', 'hex': '#006064', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#84FFFF', 'hex': '#84FFFF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#18FFFF', 'hex': '#18FFFF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#00E5FF', 'hex': '#00E5FF', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#00B8D4', 'hex': '#00B8D4', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Teal': { '50': { 'color': '#E0F2F1', 'hex': '#E0F2F1', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#B2DFDB', 'hex': '#B2DFDB', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#80CBC4', 'hex': '#80CBC4', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#4DB6AC', 'hex': '#4DB6AC', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#26A69A', 'hex': '#26A69A', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#009688', 'hex': '#009688', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#00897B', 'hex': '#00897B', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#00796B', 'hex': '#00796B', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#00695C', 'hex': '#00695C', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#004D40', 'hex': '#004D40', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#A7FFEB', 'hex': '#A7FFEB', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#64FFDA', 'hex': '#64FFDA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#1DE9B6', 'hex': '#1DE9B6', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#00BFA5', 'hex': '#00BFA5', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Green': { '50': { 'color': '#E8F5E9', 'hex': '#E8F5E9', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#C8E6C9', 'hex': '#C8E6C9', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#A5D6A7', 'hex': '#A5D6A7', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#81C784', 'hex': '#81C784', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#66BB6A', 'hex': '#66BB6A', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#4CAF50', 'hex': '#4CAF50', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#43A047', 'hex': '#43A047', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#388E3C', 'hex': '#388E3C', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#2E7D32', 'hex': '#2E7D32', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#1B5E20', 'hex': '#1B5E20', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#B9F6CA', 'hex': '#B9F6CA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#69F0AE', 'hex': '#69F0AE', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#00E676', 'hex': '#00E676', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#00C853', 'hex': '#00C853', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Light Green': { '50': { 'color': '#F1F8E9', 'hex': '#F1F8E9', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#DCEDC8', 'hex': '#DCEDC8', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#C5E1A5', 'hex': '#C5E1A5', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#AED581', 'hex': '#AED581', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#9CCC65', 'hex': '#9CCC65', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#8BC34A', 'hex': '#8BC34A', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#7CB342', 'hex': '#7CB342', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '700': { 'color': '#689F38', 'hex': '#689F38', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#558B2F', 'hex': '#558B2F', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#33691E', 'hex': '#33691E', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#CCFF90', 'hex': '#CCFF90', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#B2FF59', 'hex': '#B2FF59', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#76FF03', 'hex': '#76FF03', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#64DD17', 'hex': '#64DD17', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Lime': { '50': { 'color': '#F9FBE7', 'hex': '#F9FBE7', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#F0F4C3', 'hex': '#F0F4C3', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#E6EE9C', 'hex': '#E6EE9C', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#DCE775', 'hex': '#DCE775', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#D4E157', 'hex': '#D4E157', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#CDDC39', 'hex': '#CDDC39', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#C0CA33', 'hex': '#C0CA33', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '700': { 'color': '#AFB42B', 'hex': '#AFB42B', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '800': { 'color': '#9E9D24', 'hex': '#9E9D24', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '900': { 'color': '#827717', 'hex': '#827717', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#F4FF81', 'hex': '#F4FF81', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#EEFF41', 'hex': '#EEFF41', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#C6FF00', 'hex': '#C6FF00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#AEEA00', 'hex': '#AEEA00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Yellow': { '50': { 'color': '#FFFDE7', 'hex': '#FFFDE7', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#FFF9C4', 'hex': '#FFF9C4', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#FFF59D', 'hex': '#FFF59D', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#FFF176', 'hex': '#FFF176', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#FFEE58', 'hex': '#FFEE58', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#FFEB3B', 'hex': '#FFEB3B', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#FDD835', 'hex': '#FDD835', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '700': { 'color': '#FBC02D', 'hex': '#FBC02D', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '800': { 'color': '#F9A825', 'hex': '#F9A825', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '900': { 'color': '#F57F17', 'hex': '#F57F17', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A100': { 'color': '#FFFF8D', 'hex': '#FFFF8D', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#FFFF00', 'hex': '#FFFF00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#FFEA00', 'hex': '#FFEA00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#FFD600', 'hex': '#FFD600', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Amber': { '50': { 'color': '#FFF8E1', 'hex': '#FFF8E1', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#FFECB3', 'hex': '#FFECB3', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#FFE082', 'hex': '#FFE082', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#FFD54F', 'hex': '#FFD54F', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#FFCA28', 'hex': '#FFCA28', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#FFC107', 'hex': '#FFC107', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#FFB300', 'hex': '#FFB300', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '700': { 'color': '#FFA000', 'hex': '#FFA000', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '800': { 'color': '#FF8F00', 'hex': '#FF8F00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '900': { 'color': '#FF6F00', 'hex': '#FF6F00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A100': { 'color': '#FFE57F', 'hex': '#FFE57F', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#FFD740', 'hex': '#FFD740', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#FFC400', 'hex': '#FFC400', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#FFAB00', 'hex': '#FFAB00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Orange': { '50': { 'color': '#FFF3E0', 'hex': '#FFF3E0', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#FFE0B2', 'hex': '#FFE0B2', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#FFCC80', 'hex': '#FFCC80', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#FFB74D', 'hex': '#FFB74D', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#FFA726', 'hex': '#FFA726', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#FF9800', 'hex': '#FF9800', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#FB8C00', 'hex': '#FB8C00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '700': { 'color': '#F57C00', 'hex': '#F57C00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '800': { 'color': '#EF6C00', 'hex': '#EF6C00', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#E65100', 'hex': '#E65100', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#FFD180', 'hex': '#FFD180', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#FFAB40', 'hex': '#FFAB40', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#FF9100', 'hex': '#FF9100', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A700': { 'color': '#FF6D00', 'hex': '#FF6D00', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' } }, 'Deep Orange': { '50': { 'color': '#FBE9E7', 'hex': '#FBE9E7', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#FFCCBC', 'hex': '#FFCCBC', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#FFAB91', 'hex': '#FFAB91', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#FF8A65', 'hex': '#FF8A65', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#FF7043', 'hex': '#FF7043', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#FF5722', 'hex': '#FF5722', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#F4511E', 'hex': '#F4511E', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#E64A19', 'hex': '#E64A19', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#D84315', 'hex': '#D84315', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#BF360C', 'hex': '#BF360C', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A100': { 'color': '#FF9E80', 'hex': '#FF9E80', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A200': { 'color': '#FF6E40', 'hex': '#FF6E40', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, 'A400': { 'color': '#FF3D00', 'hex': '#FF3D00', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, 'A700': { 'color': '#DD2C00', 'hex': '#DD2C00', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Brown': { '50': { 'color': '#EFEBE9', 'hex': '#EFEBE9', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#D7CCC8', 'hex': '#D7CCC8', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#BCAAA4', 'hex': '#BCAAA4', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#A1887F', 'hex': '#A1887F', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '400': { 'color': '#8D6E63', 'hex': '#8D6E63', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '500': { 'color': '#795548', 'hex': '#795548', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#6D4C41', 'hex': '#6D4C41', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#5D4037', 'hex': '#5D4037', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#4E342E', 'hex': '#4E342E', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#3E2723', 'hex': '#3E2723', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Grey': { '50': { 'color': '#FAFAFA', 'hex': '#FAFAFA', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#F5F5F5', 'hex': '#F5F5F5', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#EEEEEE', 'hex': '#EEEEEE', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#E0E0E0', 'hex': '#E0E0E0', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#BDBDBD', 'hex': '#BDBDBD', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '500': { 'color': '#9E9E9E', 'hex': '#9E9E9E', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '600': { 'color': '#757575', 'hex': '#757575', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#616161', 'hex': '#616161', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#424242', 'hex': '#424242', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#212121', 'hex': '#212121', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } }, 'Blue Grey': { '50': { 'color': '#ECEFF1', 'hex': '#ECEFF1', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '100': { 'color': '#CFD8DC', 'hex': '#CFD8DC', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '200': { 'color': '#B0BEC5', 'hex': '#B0BEC5', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '300': { 'color': '#90A4AE', 'hex': '#90A4AE', 'text': 'dark', 'text_rgba': 'rgba(0,0,0,.87)' }, '400': { 'color': '#78909C', 'hex': '#78909C', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '500': { 'color': '#607D8B', 'hex': '#607D8B', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '600': { 'color': '#546E7A', 'hex': '#546E7A', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '700': { 'color': '#455A64', 'hex': '#455A64', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '800': { 'color': '#37474F', 'hex': '#37474F', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' }, '900': { 'color': '#263238', 'hex': '#263238', 'text': 'light', 'text_rgba': 'rgba(255,255,255,.87)' } } })47:T4d2,render = { const getHex = _.prop('color') const getText = _.prop('text') const get500 = p => _.path([p, '500'], colors) const get500hex = _.compose(getHex, get500) const get500text = _.compose(getText, get500) const container = x => html`${x}` const tagTemplate = ([s, c]) => `

${s} ${getHex(c)}

` const colorTag = _.compose(_.join(``), _.map(tagTemplate), _.toPairs) const moduleTemplate = ([prime, shades]) => `

${prime}

500 ${get500hex(prime)}

${colorTag(shades)}

` return _.compose( container , _.join(``) , _.map(moduleTemplate) , _.toPairs ) }48:[] 44:{"id":"591411218f3b1eb2","slug":"gmd-colors","title":"Google Material Design color palette","thumbnail":"fdf6398a8fcfd19514b96aaea8c3b588f8ef530cc5be600a33f57fa7800b6133","access_level":"public","create_time":"$D2018-03-22T11:56:44.315Z","update_time":"$D2018-03-22T12:19:23.066Z","view_time":null,"first_public_time":"$D2018-03-22T11:57:14.614Z","has_unpublished_edits":null,"fork":true,"stars":5,"starred":false,"owner":{"type":"team","id":"aab7a0336217b0d9","login":"dsemenov","name":"Den Sandeman","avatar_url":"https://avatars-next.observableusercontent.com/dc8edb4f174355ee958dc3baca3274212925f2d0873b2b8d25214ff77ca09a84","tier":"starter_2024","bio":"","following":false},"version":480,"publish_version":480,"role":null,"authored":false,"authors":[{"type":"individual","id":"4801c4c30ee222dc","login":"d-sand","name":"Den Sandeman","avatar_url":"https://avatars-next.observableusercontent.com/dc8edb4f174355ee958dc3baca3274212925f2d0873b2b8d25214ff77ca09a84","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"4801c4c30ee222dc","login":"d-sand","name":"Den Sandeman","avatar_url":"https://avatars-next.observableusercontent.com/dc8edb4f174355ee958dc3baca3274212925f2d0873b2b8d25214ff77ca09a84","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Google Material Design color palette","cells":[{"id":0,"value":"md`# Google Material Design color palette\n\n\\`\\`\\`javascript \nUsage: import {colors} from '@dsemenov/gmd-colors'\n\\`\\`\\`\nJavascript example \t\t\t\t\t\t\t| Return\n-|-\n\\`colors.Purple.A400.color\\`\t\t\t\t| ${colors.Purple.A400.color}\n\\`colors.Purple.A400.hex\\`\t\t\t\t\t| ${colors.Purple.A400.color}\n\\`colors.Purple.A400.text\\`\t\t\t\t\t| ${colors.Purple.A400.text}\n\\`colors.Purple.A400.text_rgba\\`\t\t\t| ${colors.Purple.A400.text_rgba}\n\\`colors['Light Blue'][500].color\\`\t\t\t| ${colors['Light Blue'][500].color}\n\\`colors['Light Blue'][500].hex\\`\t\t\t| ${colors['Light Blue'][500].hex}\n\\`colors['Light Blue'][500].text\\`\t\t\t| ${colors['Light Blue'][500].text}\n\\`colors['Light Blue'][500].text_rgba\\`\t\t| ${colors['Light Blue'][500].text_rgba}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"render(colors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md`## References\n- [Google Material Design colors palette](https://material.io/guidelines/style/color.html)\n- Please consider sending feedback here [@dsemenov](https://twitter.com/dsemenov/status/976793139141840896)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"md`## Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"_ = require('ramda')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"css = html`\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 45:"$44:body"