Color Theme & Palette Generator

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

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

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

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

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

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