#0299 GDS colour scheme Back to index
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 Extended
Blue - $gds-es-light-blue; - #2B8CC4
Blue light - $gds-es-light-blue-light; - #95C6E2
Blue lighter - $gds-es-light-blue-lighter; - #D5E8F3
Mellow Red - $gds-es-mellow-red; - #DF3034
Mellow Red light - $gds-es-mellow-red-light; - #EF9998
Mellow Red lighter - $gds-es-mellow-red-lighter; - #F9D6D6
Red - $gds-es-red; - #B10E1E
Red light - $gds-es-red-light; - #D9888C
Red lighter - $gds-es-red-lighter; - #EFCFD1
Turqoise - $gds-es-turquoise; - #28A197
Turqoise light - $gds-es-turquoise-light; - #95D0CB
Turqoise lighter - $gds-es-turquoise-lighter; - #D5ECEA
Purple - $gds-es-purple - #2E358B
Purple light - $gds-es-purple-light - #9799C4
Purple lighter - $gds-es-purple-lighter - #D5D6E7
Mauve - $gds-es-mauve - #6F72AF
Mauve light - $gds-es-mauve-light - #B7B9D7
Mauve lighter - $gds-es-mauve-lighter - #E2E2EF
Fuschia - $gds-es-fuschia; - #912B88
Fuschia light - $gds-es-fuschia-light; - #C994C3
Fushchia lighter - $gds-es-fuschia-lighter; - #E9D4E6
Pink - $gds-es-pink; - #D53880
Pink light - $gds-es-pink-light; - #EB9BBE
Pink lighter - $gds-es-pink-lighter; - #F6D7E5
Baby Pink - $gds-es-baby-pink; - #F499BE
Baby Pink light - $gds-es-baby-pink-light; - #FACCDF
Baby Pink lighter - $gds-es-baby-pink-lighter; - #FDEBF2
Organge - $gds-es-orange; - #F47738
Organge light - $gds-es-orange-light; - #FABB96
Organge lighter - $gds-es-orange-lighter; - #FDE4D4
Brown - $gds-es-brown; - #B58840
Brown light - $gds-es-brown-light; - #DAA39C
Brown lighter - $gds-es-brown-lighter; - #F0E7D7
Yellow - $gds-es-yellow; - #F0E7D7
Yellow light - $gds-es-yellow-light; - #FFDF94
Yellow lighter - $gds-es-yellow-lighter; - #FFF2D3
Grass Green - $gds-es-grass-green; - #85994B
Grass Green light - $gds-es-grass-green-light; - #C2CCA3
Grass Green lighter - $gds-es-grass-green-lighter; - #E7EBDA
Green - $gds-es-green; - #006435
Green light - $gds-es-green-light; - #7FB299
Green lighter - $gds-es-green-lighter; - #CCE0D6
Blue - $gds-es-blue; - #005EA5
Blue light - $gds-es-blue-light; - #80AFD2
Blue lighter - $gds-es-blue-lighter; - #4086BC
Bootstrap Contextual
Info - $brand-info - #5BC0DE
(Spacer)
(Spacer)
Danger - $brand-danger - #D9534F
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
Warning - $brand-warning - #F0AD4E
(Spacer)
(Spacer)
Success - $brand-success - #5CB85C
Style Kit Colour
BAS blue light - $bsk-blue-light - #77CCFF
(Spacer)
(Spacer)
BAS red - $bsk-red - #B93E14
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
BAS Turquoise - $bsk-bas-turquoise - #0DA59F
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
(Spacer)
BAS blue - $bsk-blue - #006AAA
(Spacer)
(Spacer)
BAS blue-dark (BAS Brand) - $bsk-blue - #003A5D
(Spacer)
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