Blog
Color systems. Design tooling. No fluff.
Introducing AI Palette. Your colors, in every prompt.
We built a one-click export that gives AI coding tools your exact color system. Roles, contrast ratios, tokens, and rules — in a single markdown file.
March 2026 GuideYour AI doesn't know your colors. Fix that.
How to give Claude Code, Cursor, and Windsurf your exact palette — and stop them defaulting to Tailwind blue.
March 2026 TutorialHow to give Claude Code your brand colors
Generate a palette, export COLORS.md, drop it in your project root. Claude uses your tokens from the first prompt.
March 2026 OpinionWhy AI tools generate ugly color palettes
AI defaults to generic blue and gray because it has no color context. The fix is simpler than you think.
March 2026 OpinionStop using random hex codes in your AI prompts
Pasting hex codes into prompts produces inconsistent results. Structured tokens fix that.
March 2026 GuideCOLORS.md: the file every AI project needs
A deep dive into the COLORS.md format — roles, contrast ratios, tokens, and rules in one markdown file.
March 2026 TutorialHow to make Cursor use your brand colors
Stop Cursor defaulting to generic Tailwind colors. A single file in your project root fixes it.
March 2026 Tutorialv0 keeps using the wrong colors. Here's the fix.
v0 generates beautiful UI with its own color choices. Paste your palette into system instructions to fix that.
March 2026 TutorialTailwind v4 color tokens: from Paletter to production in 60 seconds
Generate a palette, export as @theme block, paste into your CSS. Your Tailwind site has custom colors in under a minute.
March 2026 GuideCSS custom properties for color systems: the complete guide
Why CSS custom properties are the best way to manage colors. Naming conventions, layered architecture, and dark mode.
March 2026 GuideDesign tokens explained
What design tokens are, why your project needs them, and how to export them from a single palette.
March 2026 GuideHow to create a dark mode palette that actually works
Dark mode isn't "invert the colors." It's a separate system with different contrast rules. Here's how to do it right.
March 2026 OpinionSCSS color variables are dead. Use design tokens instead.
SCSS variables were great in 2015. CSS custom properties do everything they did, plus cascade, runtime changes, and no build step.
March 2026 GuideBuilding a design system with AI in 2026
AI builds the UI. You control the palette. Here's the workflow that makes it work.
March 2026 GuideThe designer's prompt engineering guide for color systems
How to describe colors to AI tools in a way that produces consistent, on-brand results.
March 2026 GuideYour Figma colors don't match your code
Designer picks colors in Figma, developer copies hex values, drift happens. One source of truth fixes it.
March 2026 GuideColor accessibility for AI-generated UIs
AI tools don't check WCAG. Your palette tool should. Pre-validated palettes prevent accessibility failures.
March 2026 GuideRoles, not swatches: why your color palette needs a job description
The difference between a palette and a color system. Background, Ink, Accent, Support, Neutral — five roles that change everything.
March 2026 TutorialHow to audit your color system in 5 minutes
Four steps to validate your existing palette. Contrast ratios, color blindness, role clarity, and extreme conditions.
March 2026 GuideOne palette, every format
CSS, Tailwind, SCSS, Figma, and AI tools. One source of truth, ten exports, zero drift.
March 2026