Shadcn UI Theme Generator

Use an innovative algorithm that combines sacred geometry patterns and modern mathematics with traditional color theory to create unique themes for your next shadcn ui project. All colors are generated using the OKLCH colorspace.

Copy or export your theme configuration using tailwind v3 and/or, the new css only, tailwind v4 format. Either your stack is reactjs with nextjs or svelte 5 with svelte-kit, the configuration file is framework agnostic.

Generate your theme now!