This project is part of the @thi.ng/umbrella monorepo.
- About
- Recent additions
- All themes
- Status
- Installation
- Dependencies
- Usage examples
- Available palettes
- Authors
- License
Collection of 190+ image based color palettes. This is a support package for @thi.ng/color. (zero dependencies)
| Palettes | ||
|---|---|---|
 |
 |
 |
| 01T6P3fjzDsqiiIPd | 01T6Ofvb7MIeMSQvq | 01T6LubuzRHjlD6q3 |
 |
 |
 |
| 01T6L5udXQGvDAfxj | 01T6L3dZicPLMu6SY | 01T6KyfrH6tK8P20p |
 |
 |
 |
| 01T6KRy68QRQVEttM | 01T6K7LKJRtcnKpGT | 01T6K5P88nJ7uMrxc |
 |
 |
 |
| 01T6JXf2JiH7Jkcyw | 01T6JVh6fxawfDfX7 | 01T6JTdvDYPRzU53r |
 |
 |
 |
| 01JS99srr00rT1RGY | 01JS985gPc7dJr9yc | 01JRj8i3GGuAAEJxq |
Below all color palettes are shown sorted by median LCH chromacity:
(Please note that for some reason (likely color profile related) Google Chrome shows the more saturated colors much more muted than they actually are/should be. Any pointers to workarounds/solutions are appreciated...):
| Palettes | ||
|---|---|---|
 |
 |
 |
| 00uPN5nCkNSzg7ri4 | 014wmwCkvNXm2qCVW | 014c6avJ50DRl2NSK |
 |
 |
 |
| 00Q9Yxm7DrZXqTkyS | 014cNjiiOwqOhSKJS | 00QMA8h2BH69zyEk0 |
 |
|
 |
| 00uPNyZwgGQhZDUaQ | 01JS985gPc7dJr9yc | 014cMCdTh3bwH8wVB |
 |
 |
 |
| 00uKBokFLvI0Epxqx | 00QLn7G59JhKtuUs0 | 00tAuOG3R9ivBX2gO |
 |
 |
 |
| 00QLNIQXmbJgghRXg | 00uPLAKIHr3vJ0xUB | 00QLNHv6JW1bL031O |
 |
 |
 |
| 00uP6PKyOf1h08rEq | 014r6uHUtjyoZvMXw | 00qIR1FROo31bNduE |
 |
 |
 |
| 00iGNImQqINC9iQ1D | 00QLj3fsFErIl5W0b | 00qAPJWAuZtV1JQeL |
 |
 |
 |
| 00QN49h9BAkHHyKJh | 00QLfPtu33OAdSN4Y | 00QMSRqFlj9B8ayZW |
 |
 |
 |
| 00QLn7Lr9V98YD0zY | 00i0iHWHzzEoacpfQ | 00qAPJU0vXnWXxf1k |
 |
 |
 |
| 00qAPJp5JxBfA0TbH | 00QLNIVe1AkurVqYj | 014c5Q2Qc8D1tNdAn |
 |
|
 |
| 014xmJC3rdNVkG5Ke | 01T6JTdvDYPRzU53r | 00QLn7XfPKvMKCrzO |
 |
 |
 |
| 014r4557GBXovXsQ2 | 00QMEZl7ulP3f2WaX | 00QMKP9yh8XlJYcgM |
 |
 |
 |
| 00bYcjDCylnf3k1aB | 00QMEZVdDC6dMYpjp | 00qAZjpCY9A2fnaKR |
|
 |
 |
| 01T6JXf2JiH7Jkcyw | 00T2A6qx5VScIQ9bU | 00QMEZb0EorAC0k7y |
 |
 |
 |
| 00RYyJDsTKzsBBgCO | 00QLqYQ3HE1oy3ByI | 00UWNvEkTsOF0aQHh |
|
 |
 |
| 01T6K5P88nJ7uMrxc | 00uOqryM4SOXgd7S0 | 00qIPBCHil9FW2idX |
|
 |
 |
| 01T6KRy68QRQVEttM | 00QMSSCjsJpojbpYz | 00qAPJlU7mDXqCkiN |
 |
 |
 |
| 013j2ZZYIvwFGp4yL | 00QLfPm4UfkMiaicq | 00QLcP0k2fPAz0KHR |
|
 |
 |
| 01T6P3fjzDsqiiIPd | 00qAPJgQvoDkRkQTN | 00iGNInM4y8vS5Aon |
 |
 |
 |
| 00PhGSfzpeU5Bkh47a | 00sz7CFkl88HCRtUW | 00RlTJrw94KFOF3zL |
 |
 |
 |
| 00RGly9mkWt6i3suLa | 00bYahKZ8LbVgx54y | 00qAZjzBDFZPMdKr3 |
 |
 |
 |
| 00QMxexuJYMe6enbZ | 00QLj3dmHiT8Ep1Un | 00QMxescYuh8eYT39 |
 |
 |
 |
| 00OqoPfvP6y1EmXZQ | 00PhEgF9AlI5PTrLB | 00QMSSK2AEOwErS5Ma |
 |
 |
 |
| 00uOuzh5czMDF0xUE | 00i0iHNQPUpX6Jzsb | 00RTRDIRDbnErAXHV |
 |
 |
 |
| 00RTRDNL7MjHkDys4 | 014xtY7NR86Aa2AMH | 00RGly9mkWt6i3suL |
| Palettes | ||
|---|---|---|
 |
 |
 |
| 00QMSRoDq0SDYprak | 00QMEZhEMNGnZZxL4 | 00QLfPusSpy3uFOpb |
 |
 |
 |
| 00QMA8iIbk7Biajay | 00uOogzjozpSchnrp | 00t03UwzLJ4HO8u5o |
|
 |
 |
| 01JS99srr00rT1RGY | 00bYah8QOLZNgszuV | 014qFZbOZZ3YOqfdS |
 |
 |
 |
| 00qIIS5LLApenMByv | 014wozXMrzwiMiM3x | 00tAvqx4Pm26XfKhx |
 |
 |
 |
| 00i0iHXq6xPzf1pt0 | 00qIG1KwWOlIJkB81 | 00RYyJ25i8zFwOJGh |
 |
 |
 |
| 00qHxct5IvpT7kl9p | 00QLn7BH2doQfh4Yw | 00bYcixZkofJhLJ8w |
 |
 |
 |
| 00RTRDOtbFF8KFNH9 | 014cACEjxmYUHo9fx | 00QMA8tedClukB7IL |
 |
|
 |
| 00tAq6qSD1erL65L8 | 01T6L3dZicPLMu6SY | 00QMSSEJXJOUdMoSj |
 |
 |
 |
| 014cBhci3KKThfPSX | 00sz9mhhmiZmgR9r6 | 00RYyJ4jHYfMF6yfy |
 |
 |
 |
| 00qHzDGNbubSeZXrS | 00QMSSK2AEOwErS5M | 014c8uRpFlkiHSo9k |
 |
 |
 |
| 00bYiZ8YHLsLMA7j3 | 00QMEZSYbyUNt0041 | 00bYcivY8Jqx8nsiR |
 |
 |
 |
| 014wkzZloB6Lgkluy | 00OkEXVdMQmQ1oQTp | 00sz5Uxo4ByGDH6tQ |
 |
 |
 |
| 00i0iHUSVMHOENQof | 00RlTJxJZ16ivgKBw | 00RGlyFVinQl5cj21 |
 |
 |
 |
| 00RGlyJwY9q4Sh0tQ | 00ORLwKeosxtEeZxq | 00b7Az8pDWEjBLMHs |
 |
 |
 |
| 00OwGARqASN2zngyg | 00RB4IFxoIYII3Cqi | 00UWNvBioJ6ZSjDix |
 |
 |
 |
| 00Yi9c5ifk9eXO5XX | 00bYcj4uvi0NIlqyw | 00Yi9btvr8RY4NROm |
 |
 |
 |
| 00RTRDAqmTEarmyeR | 00RB4I6NRn6CF3oS0 | 00QLqYLjs4H7kdHrp |
 |
 |
 |
| 00QMEZgMsSVZavaNd | 00QLqYS2ZOgkMeMAE | 00qHo5P8w5tq00yLM |
| Palettes | ||
|---|---|---|
 |
 |
 |
| 00QMA8SkIwjW5KEch | 013j3Yj2Vj9r3oaql | 00qHekhPJJlwTDcMi |
 |
 |
 |
| 014rzaZCKrmbLLuJu | 00QMEZzTrk06iVgaK | 00QLNIKFhjs5rJCjr |
 |
 |
 |
| 00QLj3PylHkh8qY2R | 014cCBZzmDcqRiRMv | 00tAsz6uflx4ciwdA |
 |
|
 |
| 014c40MQuHMbjhkDu | 01JRj8i3GGuAAEJxq | 00bYcj0VC9wmmKNm5 |
 |
|
 |
| 00tAmMznURg0qH4jp | 01T6Ofvb7MIeMSQvq | 00bYiYyzA6ODPIC8V |
 |
 |
 |
| 00QMxewR6IS5vyatN | 014wjKhdj0Me4MQvc | 00qAZjyY6S1ycz77W |
 |
 |
 |
| 00bYahDYU6E7wDJwL | 00qAZjs8gQNFggT0M | 00qHekwhYwYf6QJGD |
 |
 |
 |
| 00qILiVShgC82zOHm | 00qHkUndEk4MzLo6H | 014wxZ7JcSYlbNfxL |
 |
 |
 |
| 014xxHPGJc41M07kL | 00QLj3Yj1pUNnTKVY | 00QLfPj2trTnyJHAg |
 |
 |
 |
| 00qHekwxmgUGlfAWi | 00RTRDIzyUse2qJ9N | 00QLn7oETUQZKKr34 |
 |
 |
 |
| 00tAnftt5xsJlMhDZ | 00QMSSCjsJpojbpYza | 00qAPJgiiIyY8shVo |
|
|
 |
| 01T6K7LKJRtcnKpGT | 01T6LubuzRHjlD6q3 | 00QLslJAGNA8YREKh |
|
 |
 |
| 01T6KyfrH6tK8P20p | 00RGlyLkqOmPmbuX6 | 00g3Jv9zydyJs2QlX |
 |
 |
 |
| 00QLj3F8heV6QT4YG | 00qIEl4NwoLkiinhc | 00i0fT276sz5H8vMy |
 |
 |
|
| 00RnZfzWN7Ewml76I | 00PBWZvgJvi4gdxGj | 01T6JVh6fxawfDfX7 |
 |
 |
 |
| 00RB4I89XiwNSlobH | 014c7dTQjU2TA8F68 | 00g3JvJ0ZydpXXvEC |
 |
|
 |
| 00gSFutQrW4MxihX7 | 01T6L5udXQGvDAfxj | 00qAgiXIRZqDXJsI8 |
 |
 |
 |
| 00QMA8RhpXdgwPtLn | 00RB4I684QFqc2HAM | 00YxFeFYOuMCD0qWe |
 |
 |
 |
| 00f5whlJFUwx7AaEe | 00QMEZazmZG85DaWw | 00QN31G5AB2FTftCe |
 |
 |
 |
| 014whoAyxl5gzJwC1 | 014wjGaMtVyXGNzL6 | 00qAZk070SYGij58C |
STABLE - used in production
Search or submit any issues for this package
yarn add @thi.ng/color-palettesES module import:
<script type="module" src="https://cdn.skypack.dev/@thi.ng/color-palettes"></script>For Node.js REPL:
const colorPalettes = await import("@thi.ng/color-palettes");Package sizes (brotli'd, pre-treeshake): ESM: 6.20 KB
None
Several demos in this repo's /examples directory are using this package.
A selection:
| Screenshot | Description | Live demo | Source |
|---|---|---|---|
 |
Image dithering and remapping using indexed palettes | Demo | Source |
import { THEMES } from "@thi.ng/color-palettes";
const theme = THEMES["00bYahDYU6E7wDJwL"];Also see the swatch generator as usage example...
If this project contributes to an academic publication, please cite it as:
@misc{thing-color-palettes,
title = "@thi.ng/color-palettes",
author = "Karsten Schmidt",
note = "https://thi.ng/color-palettes",
year = 2021
}© 2021 - 2022 Karsten Schmidt // Apache License 2.0