Palette visualizer
Visualizer · 5 colors

Quiet Merlot Stream, Merlot Fold, Soft Blush Weave, and 2 more

Your palette painted onto eight real layouts. Edit a chip to reshape — the URL updates in step.

5 colors · 212 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.
015D1A2D
023E0F1F
03D48A94
04F2EAD3
056A4A2A
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
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