Loading generator…
Loading generator…
Generate, lock what you like, and keep generating. Reorder by dragging, edit any color, and export design tokens when you are done.
The selected color, in every notation.
rgb(216, 222, 86) · hsl(63, 67%, 60%)
Preview, contrast matrix, simulation and developer export for this exact palette.
Every combination here can be checked against WCAG AA/AAA on the contrast checker, and every color has a full encyclopedia page — click its name in search.