color-palettes

This project is part of the @thi.ng/umbrella monorepo.

• About
• Recent additions
• All themes
  • Strong
  • Medium
  • Soft
  • Status
• Installation
• Dependencies
• Usage examples
• Available palettes
  • Usage
• Authors
• License

About

Collection of 142 image based color palettes. This is a support package for @thi.ng/color.

Recent additions

Preset	Swatches
00sz5Uxo4ByGDH6tQ
00sz7CFkl88HCRtUW
00sz9mhhmiZmgR9r6
00t03UwzLJ4HO8u5o
00tAmMznURg0qH4jp
00tAnftt5xsJlMhDZ
00tAq6qSD1erL65L8
00tAsz6uflx4ciwdA
00tAuOG3R9ivBX2gO
00tAvqx4Pm26XfKhx

All themes

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...):

Strong

Preset	Swatches
00Q9Yxm7DrZXqTkyS
00QMA8h2BH69zyEk0
00QLn7G59JhKtuUs0
00tAuOG3R9ivBX2gO
00QLNIQXmbJgghRXg
00QLNHv6JW1bL031O
00qIR1FROo31bNduE
00iGNImQqINC9iQ1D
00QLj3fsFErIl5W0b
00qAPJWAuZtV1JQeL
00QN49h9BAkHHyKJh
00QLfPtu33OAdSN4Y
00QMSRqFlj9B8ayZW
00QLn7Lr9V98YD0zY
00i0iHWHzzEoacpfQ
00qAPJU0vXnWXxf1k
00qAPJp5JxBfA0TbH
00QLNIVe1AkurVqYj
00QLn7XfPKvMKCrzO
00QMEZl7ulP3f2WaX
00QMKP9yh8XlJYcgM
00bYcjDCylnf3k1aB
00QMEZVdDC6dMYpjp
00qAZjpCY9A2fnaKR
00T2A6qx5VScIQ9bU
00QMEZb0EorAC0k7y
00RYyJDsTKzsBBgCO
00QLqYQ3HE1oy3ByI
00UWNvEkTsOF0aQHh
00qIPBCHil9FW2idX
00QMSSCjsJpojbpYz
00qAPJlU7mDXqCkiN
00QLfPm4UfkMiaicq
00QLcP0k2fPAz0KHR
00qAPJgQvoDkRkQTN
00iGNInM4y8vS5Aon
00PhGSfzpeU5Bkh47a
00sz7CFkl88HCRtUW
00RlTJrw94KFOF3zL
00RGly9mkWt6i3suLa
00bYahKZ8LbVgx54y
00qAZjzBDFZPMdKr3
00QMxexuJYMe6enbZ
00QLj3dmHiT8Ep1Un
00QMxescYuh8eYT39
00OqoPfvP6y1EmXZQ
00PhEgF9AlI5PTrLB
00QMSSK2AEOwErS5Ma
00i0iHNQPUpX6Jzsb
00RTRDIRDbnErAXHV
00RTRDNL7MjHkDys4
00RGly9mkWt6i3suL
00qHifB285rfalpIo

Medium

Preset	Swatches
00QMSRoDq0SDYprak
00QMEZhEMNGnZZxL4
00QLfPusSpy3uFOpb
00QMA8iIbk7Biajay
00t03UwzLJ4HO8u5o
00bYah8QOLZNgszuV
00qIIS5LLApenMByv
00tAvqx4Pm26XfKhx
00i0iHXq6xPzf1pt0
00qIG1KwWOlIJkB81
00RYyJ25i8zFwOJGh
00qHxct5IvpT7kl9p
00QLn7BH2doQfh4Yw
00bYcixZkofJhLJ8w
00RTRDOtbFF8KFNH9
00QMA8tedClukB7IL
00tAq6qSD1erL65L8
00QMSSEJXJOUdMoSj
00sz9mhhmiZmgR9r6
00RYyJ4jHYfMF6yfy
00qHzDGNbubSeZXrS
00QMSSK2AEOwErS5M
00bYiZ8YHLsLMA7j3
00QMEZSYbyUNt0041
00bYcivY8Jqx8nsiR
00OkEXVdMQmQ1oQTp
00sz5Uxo4ByGDH6tQ
00i0iHUSVMHOENQof
00RlTJxJZ16ivgKBw
00RGlyFVinQl5cj21
00RGlyJwY9q4Sh0tQ
00ORLwKeosxtEeZxq
00b7Az8pDWEjBLMHs
00OwGARqASN2zngyg
00RB4IFxoIYII3Cqi
00UWNvBioJ6ZSjDix
00Yi9c5ifk9eXO5XX
00bYcj4uvi0NIlqyw
00Yi9btvr8RY4NROm
00RTRDAqmTEarmyeR
00RB4I6NRn6CF3oS0
00QLqYLjs4H7kdHrp
00QMEZgMsSVZavaNd
00QLqYS2ZOgkMeMAE
00qHo5P8w5tq00yLM

Soft

Preset	Swatches
00QMA8SkIwjW5KEch
00qHekhPJJlwTDcMi
00QMEZzTrk06iVgaK
00QLNIKFhjs5rJCjr
00QLj3PylHkh8qY2R
00tAsz6uflx4ciwdA
00bYcj0VC9wmmKNm5
00tAmMznURg0qH4jp
00bYiYyzA6ODPIC8V
00QMxewR6IS5vyatN
00qAZjyY6S1ycz77W
00bYahDYU6E7wDJwL
00qAZjs8gQNFggT0M
00qHekwhYwYf6QJGD
00qILiVShgC82zOHm
00qHkUndEk4MzLo6H
00QLj3Yj1pUNnTKVY
00QLfPj2trTnyJHAg
00qHekwxmgUGlfAWi
00RTRDIzyUse2qJ9N
00QLn7oETUQZKKr34
00tAnftt5xsJlMhDZ
00QMSSCjsJpojbpYza
00qAPJgiiIyY8shVo
00QLslJAGNA8YREKh
00RGlyLkqOmPmbuX6
00g3Jv9zydyJs2QlX
00QLj3F8heV6QT4YG
00qIEl4NwoLkiinhc
00i0fT276sz5H8vMy
00RnZfzWN7Ewml76I
00PBWZvgJvi4gdxGj
00RB4I89XiwNSlobH
00g3JvJ0ZydpXXvEC
00gSFutQrW4MxihX7
00qAgiXIRZqDXJsI8
00QMA8RhpXdgwPtLn
00RB4I684QFqc2HAM
00YxFeFYOuMCD0qWe
00f5whlJFUwx7AaEe
00QMEZazmZG85DaWw
00QN31G5AB2FTftCe
00qAZk070SYGij58C
00QLfPkuNx1jE7sMm

Status

STABLE - used in production

Search or submit any issues for this package

Installation

yarn add @thi.ng/color-palettes

ES module import:

<script type="module" src="https://cdn.skypack.dev/@thi.ng/color-palettes"></script>

Skypack documentation

For Node.js REPL:

# with flag only for < v16
node --experimental-repl-await

> const colorPalettes = await import("@thi.ng/color-palettes");

Package sizes (gzipped, pre-treeshake): ESM: 5.75 KB

Dependencies

None

Usage examples

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

Available palettes

Usage

import { THEMES } from "@thi.ng/color-palettes";

const theme = THEMES["00bYahDYU6E7wDJwL"];

Also see the swatch generator as usage example...

Authors

Karsten Schmidt

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
}

License

© 2021 Karsten Schmidt // Apache Software License 2.0