Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Inkwell palette
Warm off-white paper, near-black ink and one red-pencil accent for a calm, literate, print-like feel.
Colour palettes for web apps
A palette is more than five pretty swatches: an app needs a background, a surface, text, a quieter text, hairlines and an accent that buttons can sit on. Every palette here fills all seven roles, passes WCAG contrast for text and buttons, and applies to your sheet in one click, so every component your agent builds picks it up.
24 palettes · light and dark · CSS variables, a Tailwind theme or JSON · apply to your sheet in one click
Colour palettes
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Harbor palette
Cool sea-mist greys with a deep harbour blue, trustworthy and quiet for finance, health or B2B.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Terracotta palette
Sun-baked clay and cream with a burnt-orange accent that feels warm, earthy and handmade.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Matcha palette
Soft tea-green whites with a leafy green accent: fresh, natural and unhurried.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Sorbet palette
Blush-pink whites with a raspberry accent, sweet and upbeat without going childish.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Glacier palette
Icy blue-white with a clear cobalt accent for a crisp, bright, product-like look.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Lilac palette
Pale lilac with a saturated violet accent: soft, modern and a little dreamy.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Signal Orange palette
Loud, unapologetic pure white and pure black with a safety-orange accent and hard black lines.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Sand & Sea palette
Beach-sand neutrals with a deep teal accent: relaxed, coastal and grown-up.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Porcelain palette
Monochrome porcelain whites and graphite with no colour at all, so content and imagery lead.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Mint palette
Cool mint whites with an emerald accent, clean and friendly for health and money apps.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Blush & Bone palette
Bone white and dusty blush with a deep rosewood accent: soft luxury for beauty and fashion.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Cobalt Pop palette
Newsprint cream, heavy black lines and a pure cobalt accent for a graphic, confident look.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Dusk palette
Warm-to-cool evening palette: ink, plum-grey and an ember-glow accent on sand-coloured text.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Aurora palette
Near-black with a glowing aqua accent: night-city energy for launches and dev tools.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Obsidian & Gold palette
Restrained luxury for premium products: polished black with a soft gold accent.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Forest Night palette
Deep pine darkness with a fern-green accent that feels outdoorsy, calm and focused.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Abyss palette
Ink-blue depths with a bioluminescent blue accent, immersive and techy.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Kiln palette
Charcoal and smoke with a hot coal-orange accent: intense and dramatic.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Synthwave palette
Midnight purple with a hot-magenta accent for retro-future arcade energy.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Graphite palette
Neutral graphite greys with a soft periwinkle accent, a dependable dark mode for apps.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Phosphor palette
Pure black with phosphor-green text and accent: command-line nostalgia for dev products.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Aubergine palette
Deep aubergine with a saffron accent that feels rich, warm and a little theatrical.
Weekly review
3 highlights · 2 to finish
PublishPreviewSaved
Volt palette
Punchy, energetic olive-black with a bright lemon accent, made for sport and events.
With your agent
From this page to your app in three steps
- 1Add the ones you like to your sheet. It holds your colours, type and motion.
- 2Connect Claude, Cursor or any MCP client in a click.
- 3Ask for the screen. Your agent pulls these exact components with your values filled in.
Are the contrast ratios checked?
Yes. Body text is at least 7:1 on the background, muted text and text on the accent at least 4.5:1, and the accent at least 3:1 against the background. Every palette is checked before it's listed.
Can I use these without Wuizard?
Each palette page has the values as CSS variables, a Tailwind theme and JSON. In a sheet, applying one updates the tokens your agent reads, so nothing has to be rewritten by hand.
More of the library
Guides and articles
GuideDesign a sheet from the library and fine-tune itBuild a Wuizard sheet by hand: start from a vibe or the library, set colours, type and motion, fill slots, add rules and check it in the live preview.5 min readGuideDescribe your app to get a full design systemTell the Wuizard sheet designer what you're building in a sentence. It picks colours, type, motion and components, then you refine the sheet by chatting.5 min readGuideExport your sheet as CLAUDE.md, AGENTS.md and tokensDownload a Wuizard sheet as a zip with CLAUDE.md, AGENTS.md, CSS and Tailwind tokens, your slot components and whole pages, ready to drop into a repo.5 min read
Stop shipping apps that look AI-made.
Save what you love to a sheet, connect Claude or Cursor, and every screen comes out in your style. Free for 3 days on annual plans, card needed.