Dashboard /Tools/Color Palette Generator

Color Palette Generator

Explore color harmonies, check WCAG contrast ratios, and copy CSS tokens in one click.

Space

Color 1

Color 2

Color 3

Color 4

Color 5

CSS Custom Properties

:root {
  --color-1: #171717;
  --color-2: #212121;
  --color-3: #2E2E2E;
  --color-4: #737373;
  --color-5: #FAFAFA;
}

JSON Array

[
  "#171717",
  "#212121",
  "#2E2E2E",
  "#737373",
  "#FAFAFA"
]