Color Theme & Palette Generator

New

Define a set of colors for light and dark themes. Get the CSS custom properties snippet. Toggle live.

Design CSS variables dark mode generator theme

New

Define brand colors, fonts, and spacing. Generate the Chakra UI extendTheme object. Export as JSON or JavaScript.

Developer Tools Chakra UI design tokens generator theme

New

Customize Bootstrap 5 variables visually. See the live preview. Download the generated SCSS or CSS file.

Developer Tools Bootstrap generator SCSS theme

New

Pick colors for the shadcn/ui design system and generate the complete CSS variable theme file. Copy into your project.

Developer Tools CSS variables generator shadcn/ui theme

New

Design a light and dark theme by picking colors for backgrounds, text, and links. Get the CSS for both themes. Local.

Developer Tools CSS dark mode theme variables

New

Need dummy text? Pick a theme (pirate, cupcake, zombie) and get paragraphs of themed placeholder text. Not just Lorem Ipsum.

Generator dummy text generator ipsum theme

New

Fetch a website's CSS and extract :root custom properties (‑‑color) to reveal its design token palette. For learning and inspiration.

Color Tool CSS extract palette theme

Tag: Color Theme & Palette Generator