@thi.ng/color-palettes

# ![@thi.ng/color-palettes](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/banners/thing-color-palettes.svg?0f451941) [![npm version](https://img.shields.io/npm/v/@thi.ng/color-palettes.svg)](https://www.npmjs.com/package/@thi.ng/color-palettes) ![npm downloads](https://img.shields.io/npm/dm/@thi.ng/color-palettes.svg) [![Mastodon Follow](https://img.shields.io/mastodon/follow/109331703950160316?domain=https%3A%2F%2Fmastodon.thi.ng&style=social)](https://mastodon.thi.ng/@toxi) > [!NOTE] > This is one of 205 standalone projects, maintained as part > of the [@thi.ng/umbrella](https://github.com/thi-ng/umbrella/) monorepo > and anti-framework. > > 🚀 Please help me to work full-time on these projects by [sponsoring me on > GitHub](https://github.com/sponsors/postspectacular). Thank you! ❤️ - [About](#about) - [Recent additions](#recent-additions) - [All themes](#all-themes) - [Strong](#strong) - [Medium](#medium) - [Soft](#soft) - [Status](#status) - [Installation](#installation) - [Dependencies](#dependencies) - [Usage examples](#usage-examples) - [Usage](#usage) - [Authors](#authors) - [License](#license) ## About Collection of 200+ image based color themes & composable theme query filters. This is a support package for [@thi.ng/color](https://github.com/thi-ng/umbrella/tree/develop/packages/color).. Themes can be obtained as arrays of CSS hex colors (strings), packed ARGB ints, or normalized LCH/sRGB color vectors (e.g. for WebGL/WebGPU purposes). See [thi.ng/color readme](https://github.com/thi-ng/umbrella/tree/develop/packages/color) for details. Additionally, the themes/palettes can be iterated, filtered or queried via arbitrary predicate functions and the ones provided: Single theme accessors: - [`asCSS()`](https://docs.thi.ng/umbrella/color-palettes/functions/asCSS.html) - [`asInt()`](https://docs.thi.ng/umbrella/color-palettes/functions/asInt.html) - [`asLCH()`](https://docs.thi.ng/umbrella/color-palettes/functions/asLCH.html) - [`asRGB()`](https://docs.thi.ng/umbrella/color-palettes/functions/asRGB.html) Iterators: - [`cssThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/cssThemes.html) - [`intThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/intThemes.html) - [`lchThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/lchThemes.html) - [`rgbThemes()`](https://docs.thi.ng/umbrella/color-palettes/functions/rgbThemes.html) Provided (composable) filters: - [`chroma()`](https://docs.thi.ng/umbrella/color-palettes/functions/chroma.html) - [`hue()`](https://docs.thi.ng/umbrella/color-palettes/functions/hue.html) - [`luma()`](https://docs.thi.ng/umbrella/color-palettes/functions/luma.html) - [`proximityLCH()`](https://docs.thi.ng/umbrella/color-palettes/functions/proximityLCH.html) - [`proximityRGB()`](https://docs.thi.ng/umbrella/color-palettes/functions/proximityRGB.html) Custom filters can be defines via: - [`defFilter()`](https://docs.thi.ng/umbrella/color-palettes/functions/defFilter.html) - [`compFilter()`](https://docs.thi.ng/umbrella/color-palettes/functions/compFilter.html) See [code examples](#usage) further below... ## Recent additions | Palettes | | | |:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------| | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0219.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0218.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0217.svg) | | 219 | 218 | 217 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0216.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0215.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0214.svg) | | 216 | 215 | 214 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0213.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0212.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0211.svg) | | 213 | 212 | 211 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0210.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0209.svg) | | | 210 | 209 | | ## All themes Below all color palettes are shown **sorted by median LCH chromacity**: (Please note that for some reason (color profile related) Google Chrome shows the more saturated colors much more muted than they actually are/should be. ### Strong | Palettes | | | |:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------| | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0148.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0170.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0154.svg) | | 148 | 170 | 154 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0007.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0161.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0034.svg) | | 7 | 161 | 34 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0149.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0177.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0160.svg) | | 149 | 177 | 160 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0142.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0208.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0024.svg) | | 142 | 208 | 24 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0140.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0010.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0147.svg) | | 140 | 10 | 147 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0008.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0146.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0164.svg) | | 8 | 146 | 164 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0210.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0191.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0131.svg) | | 210 | 191 | 131 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0100.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0022.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0102.svg) | | 100 | 22 | 102 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0053.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0016.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0044.svg) | | 53 | 16 | 44 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0025.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0098.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0202.svg) | | 25 | 98 | 202 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0104.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0105.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0011.svg) | | 104 | 105 | 11 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0153.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0173.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0179.svg) | | 153 | 173 | 179 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0026.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0163.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0040.svg) | | 26 | 163 | 40 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0216.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0042.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0088.svg) | | 216 | 42 | 88 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0036.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0110.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0181.svg) | | 36 | 110 | 181 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0074.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0038.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0218.svg) | | 74 | 38 | 218 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0070.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0029.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0076.svg) | | 70 | 29 | 76 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0182.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0144.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0130.svg) | | 182 | 144 | 130 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0184.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0045.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0198.svg) | | 184 | 45 | 198 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0103.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0150.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0015.svg) | | 103 | 150 | 15 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0012.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0190.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0106.svg) | | 12 | 190 | 106 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0101.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0006.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0133.svg) | | 101 | 6 | 133 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0071.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0059.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0083.svg) | | 71 | 59 | 83 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0192.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0109.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0051.svg) | | 192 | 109 | 51 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0021.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0050.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0002.svg) | | 21 | 50 | 2 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0200.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0194.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0005.svg) | | 200 | 194 | 5 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0049.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0145.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0096.svg) | | 49 | 145 | 96 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0064.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0066.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0174.svg) | | 64 | 66 | 174 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0209.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0196.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0211.svg) | | 209 | 196 | 211 | ### Medium | Palettes | | | |:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------| | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0043.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0124.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0017.svg) | | 43 | 124 | 17 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0204.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0122.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0143.svg) | | 204 | 122 | 143 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0203.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0135.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0205.svg) | | 203 | 135 | 205 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0207.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0217.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0178.svg) | | 207 | 217 | 178 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0081.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0162.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0206.svg) | | 81 | 162 | 206 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0128.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0171.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0219.svg) | | 128 | 171 | 219 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0141.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0099.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0127.svg) | | 141 | 99 | 127 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0068.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0120.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0195.svg) | | 68 | 120 | 195 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0023.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0085.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0215.svg) | | 23 | 85 | 215 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0067.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0157.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0035.svg) | | 67 | 157 | 35 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0138.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0186.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0047.svg) | | 138 | 186 | 47 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0158.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0134.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0069.svg) | | 158 | 134 | 69 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0121.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0193.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0048.svg) | | 121 | 193 | 48 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0156.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0090.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0125.svg) | | 156 | 90 | 125 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0199.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0084.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0169.svg) | | 199 | 84 | 169 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0001.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0132.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0212.svg) | | 1 | 132 | 212 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0097.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0072.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0060.svg) | | 97 | 72 | 60 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0061.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0000.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0080.svg) | | 61 | 0 | 80 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0003.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0057.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0075.svg) | | 3 | 57 | 75 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0078.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0087.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0077.svg) | | 78 | 87 | 77 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0063.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0055.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0028.svg) | | 63 | 55 | 28 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0039.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0030.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0118.svg) | | 39 | 30 | 118 | ### Soft | Palettes | | | |:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------| | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0033.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0151.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0116.svg) | | 33 | 151 | 116 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0165.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0041.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0009.svg) | | 165 | 41 | 9 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0019.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0159.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0139.svg) | | 19 | 159 | 139 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0152.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0176.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0086.svg) | | 152 | 176 | 86 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0136.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0189.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0089.svg) | | 136 | 189 | 89 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0123.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0168.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0108.svg) | | 123 | 168 | 108 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0082.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0111.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0119.svg) | | 82 | 111 | 119 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0129.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0115.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0172.svg) | | 129 | 115 | 172 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0175.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0020.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0213.svg) | | 175 | 20 | 213 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0013.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0117.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0065.svg) | | 13 | 117 | 65 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0027.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0137.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0046.svg) | | 27 | 137 | 46 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0107.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0183.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0197.svg) | | 107 | 183 | 197 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0188.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0031.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0185.svg) | | 188 | 31 | 185 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0062.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0092.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0018.svg) | | 62 | 92 | 18 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0126.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0095.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0214.svg) | | 126 | 95 | 214 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0073.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0004.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0180.svg) | | 73 | 4 | 180 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0056.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0155.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0093.svg) | | 56 | 155 | 93 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0094.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0187.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0113.svg) | | 94 | 187 | 113 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0201.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0032.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0054.svg) | | 201 | 32 | 54 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0079.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0091.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0037.svg) | | 79 | 91 | 37 | | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0052.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0166.svg) | ![](https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/color-palettes/0167.svg) | | 52 | 166 | 167