OKLCH Palette Ramps
Generated from 7 canonical chakra hues via perceptually uniform OKLCH lightness sweeps. The 500 stop (highlighted) is pinned to the exact canonical base hex. All other stops share the same hue, varying only in lightness and chroma.
npm run generate:palette • 11 stops × 8 ramps = 88 colors
Root
Factor: StabilityRoot (Muladhara)50#ffecec
100#ffd8da
200#ffb2b8
300#ff8792
400#f55d70
500#e63a59
600#b8083b
700#8e0025
800#660015
900#3e0009
950#240004
500 = --factor-stability100 = --factor-stability-light800 = --factor-stability-dark
Sacral
Factor: VitalitySacral (Svadhisthana)50#fff1e1
100#fee3c3
200#f9c78c
300#e8a54f
400#d38400
500#ffa500
600#9a4c00
700#763200
800#541f00
900#320f00
950#1c0700
500 = --factor-vitality100 = --factor-vitality-light800 = --factor-vitality-dark
Solar
Factor: AgencySolar Plexus (Manipura)50#f6f4e3
100#edeac7
200#dbd493
300#c2b75c
400#a89b19
500#fff06c
600#746400
700#564800
800#3b3000
900#221b00
950#120d00
500 = --factor-agency100 = --factor-agency-light800 = --factor-agency-dark
Heart
Factor: ConnectionHeart (Anahata)50#edf8e4
100#daf0ca
200#b8e098
300#92c763
400#6fad2b
500#9fe758
600#387600
700#225700
800#123c00
900#072200
950#031200
500 = --factor-connection100 = --factor-connection-light800 = --factor-connection-dark
Throat
Factor: ExpressionThroat (Vishuddha)50#e4f8fb
100#c9f0f8
200#94dfed
300#57c6da
400#00acc3
500#0ed7f2
600#00758d
700#00566b
800#003b4c
900#00222c
950#001219
500 = --factor-expression100 = --factor-expression-light800 = --factor-expression-dark
Third Eye
Factor: ClarityThird Eye (Ajna)50#f3f0ff
100#e8e1ff
200#d2c3ff
300#b6a0ff
400#9c7dff
500#8e66fb
600#6a40ca
700#4e259e
800#361373
900#1e0846
950#0f042a
500 = --factor-clarity100 = --factor-clarity-light800 = --factor-clarity-dark
Crown
Factor: WholenessCrown (Sahasrara)50#ffe9ff
100#ffd1ff
200#ffa4ff
300#ff6eff
400#ef2cee
500#ff00ff
600#b300b6
700#8a008d
800#630066
900#3c003e
950#230024
500 = --factor-wholeness100 = --factor-wholeness-light800 = --factor-wholeness-dark
Grey
Factor: NeutralN/A50#f8fafd
100#f2f4f7
200#e3e5e7
300#d3d4d7
400#a0a1a4
500#707274
600#515355
700#3e4042
800#252628
900#17181a
950#090a0c
Semantic Aliases
Coherence Spectrum
600
Coherence: Drift--coherence-drift600
Coherence: Low--coherence-low500
Coherence: Medium--coherence-medium500
Coherence: Good--coherence-good600
Coherence: High--coherence-high600
Coherence: Peak--coherence-peakTransition Phases
500
Phase: Ending--phase-ending500
Phase: Liminal--phase-liminal500
Phase: Emerging--phase-emerging400
Phase: Momentum--phase-momentum500
Phase: Integration--phase-integrationLight/Dark Comparison (Old Tailwind vs New OKLCH)
Old values came from Tailwind defaults (different base hues). New values share the same hue as their 500 base.
Stability
→
|→
Vitality
→
|→
Agency
→
|→
Connection
→
|→
Expression
→
|→
Clarity
→
|→
Wholeness
→
|→
Left pair = light (old → new), Right pair = dark (old → new). Hover for hex values.