The Eng Buddy
Categories
Tools/Color Palette Generator
⌘K

Color Palette Generator

Generate beautiful color palettes from any base color. Perfect for design systems and UI development.
Base Color
Color Format

Generated Palette

50
#e7effe
100
#cee0fd
200
#b6d0fc
300
#9dc1fb
400
#85b1f9
500
#3b82f6
600
#0a59da
700
#0845aa
800
#063179
900
#031d48

Usage Examples

CSS Variables:
:root {
  --color-50: #e7effe;
  --color-500: #3b82f6;
  --color-900: #031d48;
}
Tailwind CSS:
bg-blue-50    /* #e7effe */
bg-blue-500   /* #3b82f6 */
bg-blue-900   /* #031d48 */

More developer tools

Timestamp ConverterConvert Unix timestamps to human-readable dates and back. Free online epoch / timestamp converter.Unit ConverterConvert between units of length, weight, temperature, data and more. Free, fast online unit converter.JSON FormatterFormat, beautify and validate JSON online for free. Auto-fixes common errors like trailing commas and unquoted keys. 100% in-browser, nothing uploaded.CSV ExplorerOpen, view, sort and search CSV files in your browser. A fast in-browser table viewer for exploring data without spreadsheets.Text Diff CheckerCompare two blocks of text and highlight the differences line by line. Free online diff tool that runs entirely in your browser.Diff VisualizerVisualize differences between two files or snippets with a clear side-by-side highlighted diff. Free and in-browser.
Explore all tools →