# Interface: PaletteRamp

[**lifecycle-kit**](https://jonbogaty.com/lifecycle-kit/api/readme/index.md)

***

[lifecycle-kit](https://jonbogaty.com/lifecycle-kit/api/readme/index.md) / [pigment](https://jonbogaty.com/lifecycle-kit/api/pigment/readme/index.md) / PaletteRamp


# Interface: PaletteRamp {#interface-paletteramp}


Defined in: [pigment/palette.ts:12](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L12)

A palette RAMP: several colour stops from shadow to highlight, rather than
one flat tint. The assemblage stage needs a ramp to shade a lit,
self-shadowing form with — see
`docs/superpowers/specs/2026-08-08-compositional-rendering-design.md`
§"Surface is the same computation, not a coat of paint".


## Properties {#properties}



### base {#base}


> **base**: `string`

Defined in: [pigment/palette.ts:16](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L16)

The structural/base colour — chem's element-weighted average.

***


### highlight {#highlight}


> **highlight**: `string`

Defined in: [pigment/palette.ts:20](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L20)

Brightest stop — highlight side, toward the light.

***


### metallic {#metallic}


> **metallic**: `number`

Defined in: [pigment/palette.ts:22](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L22)

0..1, mass-weighted from the tissue's elements. Specular intensity.

***


### opacity {#opacity}


> **opacity**: `number`

Defined in: [pigment/palette.ts:26](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L26)

0..1. Below 1 the form should dither/read translucent.

***


### pigment {#pigment}


> **pigment**: `string`

Defined in: [pigment/palette.ts:18](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L18)

Pigment-dominant stop — where the strongest pigment concentration reads.

***


### roughness {#roughness}


> **roughness**: `number`

Defined in: [pigment/palette.ts:24](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L24)

0..1. How sharply the shadow-to-highlight ramp falls off.

***


### shadow {#shadow}


> **shadow**: `string`

Defined in: [pigment/palette.ts:14](https://github.com/jbcom/lifecycle-kit/blob/074e4e7b8038d3e2de9eb44c4b5b5aee0ef02b48/src/pigment/palette.ts#L14)

Darkest stop — shadow side of a lit form.