Color palette
v3.lk-100
#FFD1CCv3.lk-200
#FFB6ADv3.lk-300
#FF9F94v3.lk-400
#FF887Av3.lk-500
#FF6352v3.lk-600
#CE4A3Bv3.lk-700
#A33529v3.lk-800
#6B221Av3.lk-900
#31100Cv3.red-100
#FECDD4v3.red-200
#FDA5B1v3.red-300
#FC788Av3.red-400
#FA4C63v3.red-500
#F91F3Cv3.red-600
#DB0622v3.red-700
#A4041Av3.red-800
#6D0311v3.red-900
#320108v3.orange-100
#FEE1CDv3.orange-200
#FDCAA5v3.orange-300
#FCAF78v3.orange-400
#FA954Cv3.orange-500
#F97A1Fv3.orange-600
#DB5E06v3.orange-700
#A44704v3.orange-800
#6D2F03v3.orange-900
#321501v3.amber-100
#FEEECDv3.amber-200
#FDE0A5v3.amber-300
#FCD078v3.amber-400
#FAC04Cv3.amber-500
#F9B11Fv3.amber-600
#DB9406v3.amber-700
#A46F04v3.amber-800
#6D4A03v3.amber-900
#322201v3.yellow-100
#FEFACDv3.yellow-200
#FDF6A5v3.yellow-300
#FCF178v3.yellow-400
#FAEC4Cv3.yellow-500
#F9E71Fv3.yellow-600
#DBC906v3.yellow-700
#A49704v3.yellow-800
#6D6503v3.yellow-900
#322E01v3.lime-100
#E5FECDv3.lime-200
#D1FDA5v3.lime-300
#BAFC78v3.lime-400
#A3FA4Cv3.lime-500
#8CF91Fv3.lime-600
#70DB06v3.lime-700
#54A404v3.lime-800
#386D03v3.lime-900
#1A3201v3.green-100
#CDFEDDv3.green-200
#A5FDC2v3.green-300
#78FCA4v3.green-400
#4CFA86v3.green-500
#1FF968v3.green-600
#06DB4Dv3.green-700
#04A43Av3.green-800
#036D26v3.green-900
#013211v3.teal-100
#CDFEF6v3.teal-200
#A5FDEEv3.teal-300
#79FCE6v3.teal-400
#4CFADDv3.teal-500
#1FF9D5v3.teal-600
#06DBB7v3.teal-700
#04A489v3.teal-800
#036D5Cv3.teal-900
#01322Av3.cyan-100
#CDF6FEv3.cyan-200
#A5EEFDv3.cyan-300
#79E6FCv3.cyan-400
#4CDDFAv3.cyan-500
#1FD5F9v3.cyan-600
#06B7DBv3.cyan-700
#0489A4v3.cyan-800
#035C6Dv3.cyan-900
#012A32v3.blue-100
#CDE5FEv3.blue-200
#A5D1FDv3.blue-300
#78BAFCv3.blue-400
#4CA3FAv3.blue-500
#1F8CF9v3.blue-600
#0670DBv3.blue-700
#0454A4v3.blue-800
#03386Dv3.blue-900
#011A32v3.indigo-100
#CDD5FEv3.indigo-200
#A5B4FDv3.indigo-300
#788EFCv3.indigo-400
#4C69FAv3.indigo-500
#1F44F9v3.indigo-600
#0629DBv3.indigo-700
#041FA4v3.indigo-800
#03156Dv3.indigo-900
#010932v3.purple-100
#EECDFEv3.purple-200
#E0A5FDv3.purple-300
#D078FCv3.purple-400
#C04CFAv3.purple-500
#B11FF9v3.purple-600
#9406DBv3.purple-700
#6F04A4v3.purple-800
#4A036Dv3.purple-900
#220132v3.violet-100
#FECDFEv3.violet-200
#FDA5FDv3.violet-300
#FC78FCv3.violet-400
#FA4CFAv3.violet-500
#F91FF9v3.violet-600
#DB06DBv3.violet-700
#A404A4v3.violet-800
#6D036Dv3.violet-900
#320132v3.pink-100
#FECDE5v3.pink-200
#FDA5D1v3.pink-300
#FC78BAv3.pink-400
#FA4CA3v3.pink-500
#F91F8Cv3.pink-600
#DB0670v3.pink-700
#A40454v3.pink-800
#6D0338v3.pink-900
#32011Av2.fg0
rgba(255, 255, 255, 1.0)v2.fg1
rgba(255, 255, 255, 0.8)v2.fg2
rgba(255, 255, 255, 0.7)v2.fg3
rgba(255, 255, 255, 0.6)v2.fg4
rgba(255, 255, 255, 0.4)v2.bg1
#070707v2.bg2
#1f1f1fv2.bg3
#454545v2.bg4
rgba(31, 31, 31, 0.5)v2.separator1
#1f1f1fv2.separator2
#454545v2.borderColor
rgba(255, 255, 255, 0.15)Buttons
Loading state
Icon buttons
Typography
h1 heading
h2 heading
h3 heading
h4 heading
h5 heading
h6 heading (n/a)
h5 heading mono
h5 heading mono uppercase
Subtitle
Subtitle 2
Body (intended for global base styles)
Body 1
Body 2
Body mono
Body 2 mono
Body mono uppercase
Body 2 mono uppercase
Caption
Caption mono
Caption mono uppercase
Links
Forms
Example form helper text.
Modal
Icons
Include icons and set their color with color right on the icon component. Change the size of an icon with boxSize or in some cases maxH.