https://github.com/dogfuntom/Awesome-Palette-Choice

Curated list of color palette semi-automatic and AI-powered generators, and other alternatives.
https://github.com/dogfuntom/Awesome-Palette-Choice

List: Awesome-Palette-Choice

awesome-list color-palette color-scheme color-theme css ui-design

Last synced: 16 days ago
JSON representation

Curated list of color palette semi-automatic and AI-powered generators, and other alternatives.

• Host: GitHub
• URL: https://github.com/dogfuntom/Awesome-Palette-Choice
• Owner: dogfuntom
• License: unlicense
• Created: 2019-12-15T21:53:57.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-11-30T16:59:54.000Z (about 1 year ago)
• Last Synced: 2024-05-20T19:15:20.665Z (7 months ago)
• Topics: awesome-list, color-palette, color-scheme, color-theme, css, ui-design
• Size: 39.1 KB
• Stars: 4
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• ultimate-awesome - Awesome-Palette-Choice - Curated list of color palette semi-automatic and AI-powered generators, and other alternatives. (Other Lists / Monkey C Lists)

README

        
# Awesome Color Palette Choice

A curated list of color palette semi-automatic and AI-powered generators, and other alternatives. To find what you need faster, use **Ctrl-F** to search for any of following keywords:

- Target application or showcase type: `data` (science, visualization), `map`, `website`, `UI` (desktop, etc.), `other`.

- Export: `CSS`, `SCSS`, `JSON`.

## How to use generated/chosen palettes in UI

If your intention is UI and you're not already a designer, **please do not ignore this general** piece of advice. It takes only 5 minutes to read, have a high signal/noise ratio and have no annoyances (ads):

* [Building Your Color Palette](https://refactoringui.com/previews/building-your-color-palette/) — Explains how not to end up with [UI that look like this](https://refactoring-ui.nyc3.cdn.digitaloceanspaces.com/previews/whats-in-a-color-palette-02.png).

## Automatic

Palettes are generated automagically or with AI. Usually you still can (sometimes must) specify a color to force such a tool to generate palettes around the provided color.

* [Colormind](http://colormind.io/) — Automatic, deep-learned on photographs, movies, and popular art. Showcases: `website`.

* [Coolors.co](https://coolors.co/) — A highly polished generator (`other`).

* [Huemint](https://huemint.com/) — Applications: `website`, `other` (brand, gradient, illustration).

* [Palx](https://palx.jxnblk.com/) — Application: `UI`, `data` visualization.

* [Strapless](http://strapless.io/) — Application: CSS. Showcases: itself (`website`).

* [Tailwind Ink](https://tailwind.ink/) — Application: CSS (`website`).

## Community

Palettes provided by users and their votes.

* [ColorCombos](https://www.colorcombos.com/) — Unspecialized (`other`).

* [COLOURLovers](https://www.colourlovers.com/) — Unspecialized (`other`).

## Curated Collections

Palettes created/curated by single man, single team, etc.

* [ColorBrewer 2.0](http://colorbrewer2.org) — Intended for cartography. (Showcases: `map`.)

* [Colors and Fonts](https://www.colorsandfonts.com/) — Applicatons: `website` (CSS), Material `UI`.

* [Flat UI Colors 2](https://flatuicolors.com/) — Application: `UI`.

* [Happy Hues](https://www.happyhues.co/) — Showcases: itself (`website`) and desktop `UI`.

## Color wheel

Traditional ideas are used: color wheel, color harmony, complementary colors, triad, tetrad, etc.

* [Adobe Color](https://color.adobe.com/) — Most polished in this category *(in my opinion).* (`other`).

* [Paletton.com](http://paletton.com/) — Best previewing *(in my opinion).* Showcases: `website`, `other` (artwork, fabric, animation).

* [Color Calculator](https://www.sessions.edu/color-calculator/) — Unspecialized (`other`).

## Other approaches (geometric, spatial, etc.)

* [Colllor](http://colllor.com/) — Consistency (fixing some properties while varying only the rest). Unspecialized (`other`).

* [Color Atlas](http://color.support/coloratlas.html) — Unspecialized (`other`).

* [ColorBox](https://www.colorbox.io/) — [Easing and distance on 2d space using Bézier curve](https://kvyn.medium.com/introducing-the-new-colorbox-e0109c021729). (`other`, `json`)

* [i want hue](https://medialab.github.io/iwanthue/) — Clustering on 2d plane. Intended for plots and diagrams. (Application: `data` science.)

* [Systemic Color Palette](https://hypejunction.github.io/color-wizard/) — Parabolic formula to autofill color saturation for various intervals. (`other`, `CSS`, `SCSS`, `JSON`)

## No choice

No need to be special and original? Go with the color palette that works.

* [Open Color](https://yeun.github.io/open-color/) — A single but especially robust color scheme (`other`).

## Unsorted (yet)

* 

# Other awesome lists

* [spark-joy: easy ways to add design flair, user delight, and whimsy to your product](https://github.com/sw-yx/spark-joy) — Includes color picking and color knowledge among other design-related things.

* [Nodesign.dev](https://nodesign.dev/) — Tools for people who have to design but don't want to, including color-related tools.

# Scripting

* [taketwo/glasbey](https://github.com/taketwo/glasbey) — Python library for palette generation (`other`).

# Other resourcers:

* [Encycolorpedia](https://encycolorpedia.com/)

* [Wikipedia](https://en.wikipedia.org/wiki/List_of_colors_by_shade)

* [Color gradient generator](https://mybrandnewlogo.com/color-gradient-generator)

* [Fluent UI Theme Designer](https://fabricweb.z5.web.core.windows.net/pr-deploy-site/refs/heads/master/theming-designer/index.html)

* [colornames.org](https://colornames.org/) — A collaborative effort to name all 16.7M colors.