← Back to all tools

Goodfolk Design Utilities

Color Palette Generator

Generate color palettes, lock favorite colors, regenerate unlocked colors, and copy HEX values or CSS variables.

Locked colors stay in place when you generate again. Use this to keep colors you like while exploring the rest of the palette.

Palette colors

Color 1

#1E3A8A

Color 2

#2563EB

Color 3

#3B82F6

Color 4

#93C5FD

Color 5

#DBEAFE

CSS variables

--palette-1: #1E3A8A;
--palette-2: #2563EB;
--palette-3: #3B82F6;
--palette-4: #93C5FD;
--palette-5: #DBEAFE;

Related tools

HEX Color Converter

Convert HEX colors to RGB and HSL, preview the color, and copy CSS-friendly values.

Color Contrast Checker

Check contrast between text and background colors and see basic WCAG-style pass/fail guidance.

CSS Gradient Generator

Create linear CSS gradients, preview them, and copy ready-to-use CSS.