Reference ramps
Primitives
Twelve-step OKLCH ramps from your seeds (brand + semantic). Swatch labels follow a Tailwind-style scale; hex values update live with token edits in the sidebar.
Primary
50#f7faff
100#ccddff
INFO BG
200#a1c1ff
300#76a3fc
400#4e84f4
500#2563eb
BRANDPRIMARYINTERACTIVE
600#1e51c1
HOVER
700#174098
PRESSINFO FG
800#102f71
900#0a1f4d
950#05102b
975#02040d
Secondary
50#faf8ff
100#ddd6ff
200#c3b3ff
300#a98efe
400#9168f6
500#7c3aed
BRANDSECONDARY
600#6530c2
700#4f2699
800#3a1c72
900#26134e
950#14092c
975#05030d
Neutral
50#f8fafd
100#d9dee6
ALT
200#bac2ce
300#9ca8b8
400#808da1
STRONG
500#64748b
SEED
600#515f72
SUBTEXT
700#404a59
800#2f3642
900#1e242c
950#0f1317
975#040406
Warning
50#fff9f1
100#f7e3c7
WARNING BG
200#eccda1
300#e1b77a
400#d6a04f
500#ca8a04
SEED
600#a57006
700#815707
800#5f3f06
WARNING FG
900#3f2904
950#211402
975#070401
Success
50#f1fef3
100#ccecd1
SUCCESS BG
200#a7daaf
300#80c88e
400#56b66c
500#16a34a
SEED
600#13853c
700#10682e
SUCCESS FG
800#0c4d21
900#083315
950#041b09
975#010602
Critical
50#fff8f7
100#ffd3cd
ERROR BG
200#ffaca1
300#f6867a
400#ea5d52
500#dc2626
SEED
600#b4201f
DESTRUCTIVE
700#8e1a18
ERROR FG
800#6a1311
900#480d0a
950#280605
975#0b0202