Palette visualizer
Visualizer · 5 colors
Crisp Wisteria Petal, Soft Rose Quartz Gloom, Cream Spark, and 2 more
Your palette painted onto eight real layouts. Edit a chip to reshape — the URL updates in step.
5 colors · 2–12 allowed
Landing hero
Nav, headline, primary + secondary CTA — the canonical marketing top-fold.
Primary · Secondary · Accent
New · Shipping today
Design systems, painted from your palette.
Get started
See it live →
Palettes shipped
12,430
Brand systems
842
Avg. contrast
7.2:1
Dashboard
Stat cards with accent stripes + a 7-day bar chart cycling the palette.
All palette slots
Dashboard
7d
Live
Sessions
8,412
+12%
Revenue
$24.1K
+6%
Signups
214
−3%
Churn
1.8%
−0.4%
Daily active · last week
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Pricing grid
Three tiers, each claiming a palette slot. Middle one lifts for emphasis.
Palette slots 1 · 2 · 3
Tier 1
Solo
$12/mo
- Unlimited palettes
- Shared vaults
- CLI export
Start free
Recommended
Tier 2
Team
$48/mo
- Unlimited palettes
- Shared vaults
- CLI export
Get Team
Tier 3
Studio
Custom
- Unlimited palettes
- Shared vaults
- CLI export
Talk to us
Brand identity
Logo mark, wordmark, and palette swatch row — the atomic design kit.
Primary + all
◐
Est. 2026
Northbound
A color-led brand system, painted from your palette. Same type, same layout — the only thing that moves is the hue.
01D6C4EA
02F6F0F2
03FFD5B8
04B8BEEA
05F3C8C8
Mobile app
Nav bar, feed cards, floating action — how the palette reads in product.
Primary + cycling accents
09:41
Home⋯
Update #12m
A tight palette makes product feel deliberate.
Update #23m
A tight palette makes product feel deliberate.
Update #34m
A tight palette makes product feel deliberate.
+
Home
Explore
Saved
You
Data viz
Donut + legend — five slices cycling the palette.
All palette slots
Where did the month go?
- Design tokens38%
- Brand systems24%
- Motion guides18%
- Components12%
- Other8%
Poster
Album-cover framing — conic gradient behind a tight typographic block.
All colours · conic
Issue №007
Colour as
Argument
Argument
colors.codes
Gradient study
Linear ramp meets conic dial — how the palette reads when the colours blend into one another.
All colours
Linear · 135°
Conic · 0deg