Primary colour tokens
Choose a GovTech brand palette or enter a custom hex code for your 600 token. The table below uses the same SGDS primary token structure either way, so teams can compare a pre-approved palette with a generated custom ramp.
--sgds-product-primary-100#EFF5FCrgba(239, 245, 252, 1)--sgds-product-primary-200#CEE1F6rgba(206, 225, 246, 1)--sgds-product-primary-300#A0C5EErgba(160, 197, 238, 1)--sgds-product-primary-400#73A9E5rgba(115, 169, 229, 1)--sgds-product-primary-500#4288D6rgba(66, 136, 214, 1)--sgds-product-primary-600#356DACrgba(53, 109, 172, 1)--sgds-product-primary-700#285483rgba(40, 84, 131, 1)--sgds-product-primary-800#1E3E62rgba(30, 62, 98, 1)--sgds-product-primary-900#152B44rgba(21, 43, 68, 1)