A carefully selected color palette brings your UI to life. Adjust the controls on the left to instantly test how your primary and secondary colors contrast against the background and text.
See how your chosen palette performs across real UI components. Buttons, cards, and inputs all respond to your color selections in real time.
Your custom color palette has been saved successfully. You can export it as CSS variables or design tokens.
Export your current color palette as ready-to-use code.