Color Palette Generator
Generate harmony schemes, tint/shade scales, and export for your project
Base Color
Hue
38°
Saturation
92%
Lightness
50%
Nearest:·
Color Harmonies
Tint / Shade Scale
Design Preview
AppName
DashboardSettings
Welcome to Your App
Build something amazing with your new palette.
Components
Reusable UI blocks
Learn more →
Themes
Customizable styles
Learn more →
Performance
Lightning fast
Learn more →
Setup complete
Your project has been configured successfully.
Option
Search...
NewProgress68%
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;
}