Palette: ¶

Seed: <input> · Mood: <adjective list> · Target: <framework>

Why this palette¶

<2–4 sentences. What problem this solves, what brand position it claims, what tradeoffs were accepted.>

Step	Primary	Accent	Neutral
50	`#...`	`#...`	`#...`
100	`#...`	`#...`	`#...`
...
950	`#...`	`#...`	`#...`

Pair	Ratio	AA	AAA
text-primary on bg-default	13.8:1	✓	✓
primary-default on white	4.6:1	✓	—
primary-default on bg-default	4.5:1	✓	—
text-secondary on bg-default	7.1:1	✓	✓
border-default on bg-default	3.0:1	✓ (UI)	—
...

@theme {
  --color-primary-50:  #...;
  --color-primary-100: #...;
  /* ... */
}

:root {
  --primary: #...;
  --primary-foreground: #...;
  /* ... */
}

.dark {
  /* ... */
}

{
  "color": {
    "primary": {
      "50":  { "value": "#..." },
      "100": { "value": "#..." }
    }
  }
}