Colors are --ds-color-* CSS variables holding RGB channels, so opacity modifiers work: tw-bg-w-primary/10. Classes: tw-text-*, tw-bg-*, tw-border-*. Icons take the hex value.
Colors: Brand
- w-primary#2B5DFF
--ds-color-w-primarytw-bg-w-primary - w-secondary#B4C2F0
--ds-color-w-secondarytw-bg-w-secondary - w-dark-primary#2A3761
--ds-color-w-dark-primarytw-bg-w-dark-primary - w-sapphire#0052CC
--ds-color-w-sapphiretw-bg-w-sapphire - w-vista-blue#8CA7FF
--ds-color-w-vista-bluetw-bg-w-vista-blue - w-savoy-blue#4D64B3
--ds-color-w-savoy-bluetw-bg-w-savoy-blue - w-space-cadet#212B4D
--ds-color-w-space-cadettw-bg-w-space-cadet
Colors: Surfaces
- white#FFFFFF
--ds-color-whitetw-bg-white - w-white-ghost#FAFBFF
--ds-color-w-white-ghosttw-bg-w-white-ghost - w-cultured#F4F7FF
--ds-color-w-culturedtw-bg-w-cultured - w-lavender#E9EFFE
--ds-color-w-lavendertw-bg-w-lavender - w-platinum#E5E7EB
--ds-color-w-platinumtw-bg-w-platinum
Colors: Text and lines
- w-black#222222
--ds-color-w-blacktw-bg-w-black - w-carbon#3C474D
--ds-color-w-carbontw-bg-w-carbon - w-gray#6D7687
--ds-color-w-graytw-bg-w-gray - w-lightgray#C1C8D5
--ds-color-w-lightgraytw-bg-w-lightgray
Colors: Status
- w-warning#FFD167
--ds-color-w-warningtw-bg-w-warning - w-danger#FA4F64
--ds-color-w-dangertw-bg-w-danger - w-amaranth#E0485A
--ds-color-w-amaranthtw-bg-w-amaranth