DESIGN / Color Palette

Find your color rhythm.

Generate a palette, keep the colors you love, and check how they work together.

01 / Palette workspace5 colors

Keep a color. Find the rest.

Press Space to generate. Locked colors stay in place.

Contrast check

Make something useful.

2.29:1 · WCAG AA normal text: Fail · Large text: Fail · AAA normal text: Fail

Ready for your stylesheet

:root {
  --color-1: #264999;
  --color-2: #3D8ACC;
  --color-3: #52B4A0;
  --color-4: #D4A03D;
  --color-5: #C74D33;
}

More from Labs

Utility catalogue

Loading more tools…