SShinUI

Radix Colors

Color scales engineered for UI states

Visit site
Themes & ColorOpen sourceCSS

Live site

Open
radix-ui.com

Preview Radix Colors inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Twelve-step scales where each step has a defined job — app background, component hover, border, solid, text. Removes guesswork from dark mode entirely.

Get started

terminal
npm i @radix-ui/colors

Tags

color-systemdark-modescales

Related in Themes

View all

tweakcn

tweakcn.com

Visual theme editor for shadcn/ui

ThemesFreemiumReactTailwind

by Sahaj Jain@iamsahaj_xyz

shadcn Themes

ui.shadcn.com

Official prebuilt shadcn themes

ThemesFreeTailwind

by shadcn@shadcn