Codemo tools

Generator

Color Palette Generator

Generate Tailwind CSS v4 color variables from 50 to 950 and export in four formats.
Palette 1 (brand)

UI Review

Real Nuxt UI examples showing how the generated color behaves in different patterns.

brand
Category Tiles
Styled icon grid for grouped content
Grid
Marketplace
Dining
Tools
Fitness
Transport
Health
Connectivity
Gear
Insight Widget
Compact metrics with trend indicators
Stats
Active Readers
71,842
+12%
Session Depth
58.16%
+2.02%
Return Clicks
24.57%
-4.05%
Date Panel
Date control preview with generated accents
Calendar
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
Event Date, May 2026
Audience Groups
Select and compare active broadcast segments
Select
Support Queue
Ticket list with status and response timing
Table
Nora P.
Nora P.
Open
1 hr
David A.
David A.
Open
18 mins
Mina K.
Mina K.
Processing
52 mins
Leo R.
Leo R.
Closed
1 day
Continue Learning
Content card layout with progress and mentor identity
Cards
Design SystemsDesign Systems

Ship reusable interface building blocks faster.

MT
Maya T.
Mentor
Frontend ArchitectureFrontend Architecture

Structure large Vue apps with cleaner boundaries.

AV
Alex V.
Mentor
Audio CraftAudio Craft

Layer effects and transitions for immersive products.

RC
Rina C.
Mentor
Button State Matrix
Main, assist, and ghost buttons across interaction states
States
Idle
Focus
Pressed
Unavailable