Foundations
Alpha
Unleash the power of alpha elements to add transparency and finesse to your designs. Elevate your visuals with seamless integration and a touch of sophistication.
White
3%
#FFFFFF5%
#FFFFFF10%
#FFFFFF20%
#FFFFFF30%
#FFFFFF40%
#FFFFFF50%
#FFFFFF60%
#FFFFFF70%
#FFFFFF80%
#FFFFFF90%
#FFFFFF95%
#FFFFFFBlack
3%
#0000005%
#00000010%
#00000020%
#00000030%
#00000040%
#00000050%
#00000060%
#00000070%
#00000080%
#00000090%
#00000095%
#000000Ironside Gray - 400
3%
#9E98945%
#9E989410%
#9E989420%
#9E989430%
#9E989440%
#9E989450%
#9E989460%
#9E989470%
#9E989480%
#9E989490%
#9E989495%
#9E9894Ironside Gray - 950
3%
#0D07035%
#0D070310%
#0D070320%
#0D070330%
#0D070340%
#0D070350%
#0D070360%
#0D070370%
#0D070380%
#0D070390%
#0D070395%
#0D0703Crusta - 400
3%
#FA984B5%
#FA984B10%
#FA984B20%
#FA984B30%
#FA984B40%
#FA984B50%
#FA984B60%
#FA984B70%
#FA984B80%
#FA984B90%
#FA984B95%
#FA984BCrusta - 500
3%
#F271285%
#F2712810%
#F2712820%
#F2712830%
#F2712840%
#F2712850%
#F2712860%
#F2712870%
#F2712880%
#F2712890%
#F2712895%
#F27128Crusta - 950
3%
#4112095%
#41120910%
#41120920%
#41120930%
#41120940%
#41120950%
#41120960%
#41120970%
#41120980%
#41120990%
#41120995%
#411209Keppel - 500
3%
#14B7A65%
#14B7A610%
#14B7A620%
#14B7A630%
#14B7A640%
#14B7A650%
#14B7A660%
#14B7A670%
#14B7A680%
#14B7A690%
#14B7A695%
#14B7A6Keppel - 400
3%
#4ADC7F5%
#4ADC7F10%
#4ADC7F20%
#4ADC7F30%
#4ADC7F40%
#4ADC7F50%
#4ADC7F60%
#4ADC7F70%
#4ADC7F80%
#4ADC7F90%
#4ADC7F95%
#4ADC7FKeppel - 600
3%
#16A24A5%
#16A24A10%
#16A24A20%
#16A24A30%
#16A24A40%
#16A24A50%
#16A24A60%
#16A24A70%
#16A24A80%
#16A24A90%
#16A24A95%
#16A24AKeppel - 950
3%
#03411C5%
#03411C10%
#03411C20%
#03411C30%
#03411C40%
#03411C50%
#03411C60%
#03411C70%
#03411C80%
#03411C90%
#03411C95%
#03411CColor Scales
Background Tokens