Skip to content
GitHub

Colors

Primary

Success

Danger

Warning

Info

PXL-UI Base includes a monochromatic theme by default. Additional bases and color palettes can be installed from the registry.

5 different color variants are available in some components to express intentionality.

PXL-UI includes predefined gradients inspired by various video game indicators.

The gradients are defined as --background-image variables in TailwindCSS, so they can be easily used with bg-{{gradient_name}} classes.

A common use case is to use them to decorate texts.

+150 XP

The PXL UI registry provides some color palettes you can install and include into your projects.

These palettes are focused on providing an entire set of colors to cover most use cases.

These palettes provide minimal color gradients for texts and surfaces

These palettes provide vibrant and unique color combinations for variants or advanced use cases.

Compat palettes are designed as drop-in replacements for Tailwind Colors, using the Tailwind name conventions instead of namespaced prefixes. Some colors might not be available or not fit as expected. Use them carefully.