LCARS Color Guide
Each cell below includes the HTML color code and CSS class name
The following are all the colors used in the various LCARS themes. Some themes share colors with other themes. Not included here (yet) are the colors for the new Picard Theme.
LCARS Classic Theme
01
#f5f6fa
space-white02
#ddbbff
violet-creme03
#33cc99
green04
#cc4499
magenta05
#4455ff
blue06
#ffcc33
yellow07
#9944ff
violet08
#ff7700
orange09
#cc88ff
african-violet10
text
#cc77ff11
#dd4444
red12
#ffaa90
almond13
#ffbbaa
almond-creme14
#ffcc66
sunflower15
#7788ff
bluey16
#666688
gray17
#aaaaff
sky18
#88ccff
ice19
#ffaa00
gold20
#ff2200
mars21
#ff8866
peach22
#ff9966
butterscotch23
#ff5555
tomato24
#cc33ff
lilac
Nemesis Blue Theme
25
#2255ff
evening26
#1111ee
midnight27
#88bbff
ghost28
#ccaa88
wheat29
#cc6666
roseblush30
#ffcc99
honey31
#cc2233
cardinal32
#ff7744
pumpkinshade33
#ff8833
tangerine34
#99dd66
martian35
text
#2266ff36
#ccdeff
moonbeam37
#5588ff
cool38
#444a77
galaxy39
#ddeeff
moonshine
Lower Decks Theme
40
#ff4400
october-sunset41
#ffaa44
harvestgold08
#ff7700
orange30
#ffcc99
honey42
#ffeecc
butter
Lower Decks PADD Theme
By the time I created the Lower Decks PADD theme I changed how I named the colors. Instead of trying to think up names for each color, I used a numbering system for the CSS class name, e.g. c43. I wished I had done this from the beginning as it would have saved me a lot of time coming up with names for every color (although I am particularly proud of "pumpkinshade" and "moonshine").
43
#5588ee
c4344
#88ffff
c4445
#344470
c4546
#455580
c4647
#7799dd
c4748
#66ccff
c4849
#99ccff
c4950
#ff3500
c50
TNG Legacy Series
19
#ffaa00
gold51
#552255
c5152
#663366
c5253
#774477
c5354
#885588
c5455
#996699
c5556
#ff8800
c5657
#d0b0a0
c5758
#bbbbff
c5859
#99aa66
c5960
#00bb00
c6061
#33ff33
c6162
#ddffdd
c6263
#ffebde
c6364
#cc99cc
c6465
#f6eef6
c6566
#aa66aa
c6667
#dd88dd
c67
Red Alert
68
#ff0000
c6869
#cc0000
c6970
#ee0000
c7071
#dfdfdf
c7172
#f7f7f7
c72