What lightness range defines dark colors here?

Dark colors are generated with HSL lightness between 10% and 35%, keeping them clearly dark without being pure black.

Can I combine dark colors with pastels for contrast?

Yes. Dark colors and pastel colors together often pass WCAG AA contrast ratios. Use the contrast checker to verify.

Yes. Use the batch mode to generate a set of coordinated dark colors for a full dark-mode palette.

Each generation is independently random, so some results may look similar. Regenerate until you find distinct options.

Click to generate a random dark color with low lightness, suitable for dark UI components.

#3b82f6

Last updated: 2026-06-10 · Reviewed by Nham Vu