#0298 GDS greyscale colour scheme Back to index
Extra smallExtra small · SmallSmall · MediumMedium · LargeLarge · Extra large (custom size)Extra large (custom size) · Full HD (custom size)Full HD (custom size)
This sample is an experiment
These samples are permanent, but designed for a specific point in time. They likely won't be useful beyond their original purpose and will degrade over time as the Style Kit evolves. They are kept in case they are useful to others in the future.GDS Greyscale
GDS white - $gds-gs-white - #FFFFFF
GDS grey 4 (lighter) - $gds-gs-grey-4 - #F8F8F8
GDS grey 3 (light) - $gds-gs-grey-3 - #DEE0E2
GDS grey 2 (dark) - $gds-gs-grey-2 - #BFC1C3
GDS grey 1 (darker) - $gds-gs-grey-1 - #6F777B
GDS black - $gds-gs-black - #0B0C0C
(Spacer)
Bootstrap Greyscale
(Spacer)
Gray lighter - $gray-lighter - #EEEEEE
Gray light - $gray-light - #777777
Gray - $gray - #555555
Gray dark - $gray-dark - #333333
Gray darker - $gray-darker - #222222
Style Kit Greyscale
(Spacer)
BAS grey lighter - $bsk-grey-lighter - #F4F6F9
BAS grey light - $bsk-grey-light - #E7EBF1
Notes
- This experiment was used to determine which colours and variants of the GDS, Bootstrap and Style Kit would be used to define the standard colour scheme