Skip to content
R

Ramps

Design token tool generating OKLCH ramps

Launch
#3011in Design
0In stores

Description

The color ramp generator built for handing off: every palette is readable by an agent as plain text or JSON, with no JavaScript. Perceptuall…

Information

Ratings & Reviews

No ratings yet

Be the first to rate Ramps.

People also visit

O

OKLCH

Color picker using perceptually uniform space

Design
Launch
H

Huetone

Accessible palette generator balancing contrast ratios

Design
Launch
R

React Three Fiber

Declarative React renderer for Three.js scenes

Design
Launch
C

colors.lol

A fun way to discover interesting color combinations

Design
Launch
E

eza

A modern alternative to ls

Design
Launch
F

Fontsource

Self-host Open Source fonts in neatly bundled NPM packages

Design
Launch

Ramps FAQ

What is Ramps?

The color ramp generator built for handing off: every palette is readable by an agent as plain text or JSON, with no JavaScript. Perceptually-even OKLCH ramps, derived accents, a matched neutral, status colors, and usage-first semantic tokens for light and dark, with WCAG AA or AAA enforced rather than merely reported. Export to CSS, Tailwind v4, Figma variables, or JSON.

Do I need to download Ramps?

No. Ramps runs in your browser at ramps.studio, so there's nothing to install.

What are the best Ramps alternatives?

Popular alternatives to Ramps include OKLCH, Huetone and React Three Fiber. See all Ramps alternatives

Developer Stuff

Badges