Ramps

ramps.studio

A color ramp generator built for handoff: perceptually-even OKLCH palettes with semantic tokens your agent can read as plain text or JSON.

Color Design Systems Tailwind Figma Accessibility Generator

What is Ramps?

Ramps generates OKLCH color ramps, derived accents, a matched neutral and status colors, then wraps them in usage-first semantic tokens for light and dark. WCAG AA or AAA contrast is enforced rather than merely reported, and every palette exports to CSS, Tailwind v4, Figma variables or JSON. Because output is plain text with no JavaScript, coding agents can read and apply it directly.

Best for

Handing agent-readable color tokens to AI builders
Accessible light and dark theme systems
Exporting tokens to Tailwind v4 or Figma

Key features

Perceptually-even OKLCH color ramps
WCAG AA or AAA contrast enforced, not just reported
Usage-first semantic tokens for light and dark
Exports to CSS, Tailwind v4, Figma or JSON
No JavaScript; plain-text output agents can read

Gradientool

A simple web tool that generates infinite unique gradient outputs for backgrounds and design work.

GradientsColorGenerator+1

gradientool.com

Visit

Heroicons

Beautiful hand-crafted SVG icons by the makers of Tailwind CSS — 316 MIT-licensed icons in outline, solid, mini and micro styles with React and Vue libraries.

SVGTailwindOpen Source+2