Huelib/Browse/For UI

By Use

Color Palettes for UI Design

Palettes with the contrast ratios and tonal range that interfaces require.

1,075 palettes

Browse all →

About this collection

UI color systems have specific demands that pure aesthetic preference doesn't account for: accessible contrast ratios, enough tonal range to handle active, hover, disabled, and background states, and a visual logic that holds together under the specific conditions of screen rendering. The palettes here were selected for tonal range and structural clarity - they tend toward combinations with a clear light, mid, and dark register that can be mapped directly onto a UI color system. Many of the 4, 5, and 6-color palettes in the library work particularly well for this.

Browse by palette size

Choose the complexity that fits your project.

Use these palettes

Take any palette from this collection into Huelibs workflow tools.