Color Palette Generator

Generate harmony schemes, tint/shade scales, and export for your project

Extract Contrast Gradient

Base Color

HEX

RGB(245, 158, 11)HSL(38, 92%, 50%)

Color Harmonies

Tint / Shade Scale

Color Blindness Preview

Normal Vision

#f59e0b

#0b62f5

Protanopia (no red)

#d5d452

#4243dd

Deuteranopia (no green)

#dae05b

#3e38d6

Tritanopia (no blue)

#f26c71

#18c7c2

Achromatopsia (no color)

#b7b7b7

#757575

Export

:root {
  --color-50: #fdf9f2;
  --color-100: #fbf3e4;
  --color-200: #f6e2c1;
  --color-300: #fad28e;
  --color-400: #f8bd58;
  --color-500: #f6a723;
  --color-600: #d88b09;
  --color-700: #b07107;
  --color-800: #79500b;
  --color-900: #5d3e09;
  --color-950: #412b06;
}