Color
One restrained accent, cool-grey surfaces and status ramps with identical lightness steps.
The primitive tier: oklch ramps from 0 (lightest) to 1000 (darkest). The neutral ramp is cool grey at hue 250; the accent ramp is a restrained blue-violet; status ramps share identical lightness steps so a given step behaves the same in every hue. Primitives are not themed and components never reference them; hover a step for its value.
neutral
- 0
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 850
- 900
- 950
- 1000
accent
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
success
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
warning
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
critical
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
info
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950