GeoPlatform Theme Colors

Primary
#112158
rgb(17, 33, 88)
.t-bg–-primary, .t-fg–-primary
Used for prominent item backgrounds or text
Accent
#339933
rgb(51, 153, 51)
.t-bg–-accent, .t-fg-–accent
Used for some headings and labels, title bars, and calling attention to elements
Selected
#0073d5
rgb(0, 115, 213)
.t-bg–-selected, .t-fg-–selected
Used for indicating user selections, links, and current state
State Colors

Inherited from Bootstrap

Success
#5cb85c
rgb(92, 184, 92)
.t-bg–-success, .t-fg–-success
Used for indicating success and valid input / state
Info
#007285
rgb(0, 114, 133)
.t-bg–-info, .t-fg–-info
Used for indicating informational items and actions
Warning
#f0ad4e
rgb(240, 173, 78)
.t-bg–-warning, .t-fg-–warning
Used for indicating caution or potential for issues
Danger
#d9534f
rgb(217, 83, 79)
.t-bg–-danger, .t-fg–-danger
Used for indicating failure and invalid input / state
Blue-scale Colors

Variations of blues used by GeoPlatform

Dark Blue
#102A46
rgb(16, 42, 70);
.t-bg–-blue-dk, .t-fg–-blue-dk
Medium Blue
#185b8a
rgb(24, 91, 138)
.t-bg–-blue-md, .t-fg–-blue-md
Light Blue
#3176a7
rgb(49, 118, 167)
.t-bg–-blue-lt, .t-fg–-blue-lt
Extra Light Blue
#5b9bca
rgb(91, 155, 202)
.t-bg–-blue-xlt, .t-fg–-blue-xlt
Grayscale Colors
Dark Gray
#333333
rgb(223, 240, 216)
.gray-dk, .text-gray-dk
Bootstrap default text color; used for footer background
Medium Gray
#777777
rgb(91, 192, 222)
.gray-md, .text-gray-md
Bootstrap muted text color; used for supplimentary text
Light Gray
#bbbbbb
rgb(240, 173, 78)
.gray-lt, .text-gray-lt
Used for some non-prominent borders
Extra-light Gray
#dddddd
rgb(217, 83, 79)
.gray-xlt, .text-gray-xlt
Used for most non-prominent borders