Color ramps
Four ramps, ten stops each, resolved in OKLab from one source color and sampled at fixed tone stops. Every swatch below is computed from the source color in the header, and the kit’s Graphite Primitives variables hold the same values at the default source, so this page is the tokens rather than a picture of them.
Source #5E44AA4 ramps · 40 stopsOKLab
Accent
900800700600500source400300200100050
Secondary
900800700600500400300200100050
Neutral
900800700600500400300200100050
Neutral variant
900800700600500400300200100050
Select any swatch to copy its hex. The outlined stop is where your source color landed.
How the stops are sampled
The four ramps do not all sample at the same tones, and the difference is deliberate.
| Ramp | Mid tone | Source | Why |
|---|---|---|---|
| accent | 47 | yes | The mid stop is pinned to the source tone, so one swatch is literally the hex you chose. |
| secondary | 47 | no | Shares accent’s tone ladder, but the hue is source − 120° and chroma × 0.585, so no stop is the source hex. |
| neutral | 50 | no | Samples at a round 50, like neutralVariant and all four status ramps. |
| neutralVariant | 50 | no | Drives outline. Note it no longer appears in the composition palette: secondary took that role. |