02-262000
101
7109
1966
36
880
11.03
1954
03
6.08
241
309
7.08
1935
12.20
53
1961
2.16
102
8102
1987
044
0051
1968
704
10.31
1984
1954
764
1940
9.9
1972
815
4.12
2023
103
714
1993
0222
4.4
1969
2450
91
56
21
716
801
417
602
5618
238
1443
104
6104
1995
3.22
1931
0.0
0000
1701
1984
218
908
10
85
1888
27
2879
213
105
08
2001
713
079
1977
LV
426
105
10
1642
1979
402
795
361
0852
984
106
31
2017
429
65
871
24
541
656
M
113
12.6
27
05
85
12.25
7884
107
5
2022
784
3304
42
733
1224
5801
23
1015
84
36
029
24
318
12.24
108
23
174
91
947
28
527
04
0469
2200
88
1985
540
3121
308
9571
404
03-111968
04-041969
05-1701D
06-071984
07-081940
08-47148
09-081966
10-31

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-white
  • 02

    #ddbbff
    violet-creme
  • 03

    #33cc99
    green
  • 04

    #cc4499
    magenta
  • 05

    #4455ff
    blue
  • 06

    #ffcc33
    yellow
  • 07

    #9944ff
    violet
  • 08

    #ff7700
    orange
  • 09

    #cc88ff
    african-violet
  • 10

    text
    #cc77ff
  • 11

    #dd4444
    red
  • 12

    #ffaa90
    almond
  • 13

    #ffbbaa
    almond-creme
  • 14

    #ffcc66
    sunflower
  • 15

    #7788ff
    bluey
  • 16

    #666688
    gray
  • 17

    #aaaaff
    sky
  • 18

    #88ccff
    ice
  • 19

    #ffaa00
    gold
  • 20

    #ff2200
    mars
  • 21

    #ff8866
    peach
  • 22

    #ff9966
    butterscotch
  • 23

    #ff5555
    tomato
  • 24

    #cc33ff
    lilac

Nemesis Blue Theme

  • 25

    #2255ff
    evening
  • 26

    #1111ee
    midnight
  • 27

    #88bbff
    ghost
  • 28

    #ccaa88
    wheat
  • 29

    #cc6666
    roseblush
  • 30

    #ffcc99
    honey
  • 31

    #cc2233
    cardinal
  • 32

    #ff7744
    pumpkinshade
  • 33

    #ff8833
    tangerine
  • 34

    #99dd66
    martian
  • 35

    text
    #2266ff
  • 36

    #ccdeff
    moonbeam
  • 37

    #5588ff
    cool
  • 38

    #444a77
    galaxy
  • 39

    #ddeeff
    moonshine

Lower Decks Theme

  • 40

    #ff4400
    october-sunset
  • 41

    #ffaa44
    harvestgold
  • 08

    #ff7700
    orange
  • 30

    #ffcc99
    honey
  • 42

    #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
    c43
  • 44

    #88ffff
    c44
  • 45

    #344470
    c45
  • 46

    #455580
    c46
  • 47

    #7799dd
    c47
  • 48

    #66ccff
    c48
  • 49

    #99ccff
    c49
  • 50

    #ff3500
    c50

TNG Legacy Series

  • 19

    #ffaa00
    gold
  • 51

    #552255
    c51
  • 52

    #663366
    c52
  • 53

    #774477
    c53
  • 54

    #885588
    c54
  • 55

    #996699
    c55
  • 56

    #ff8800
    c56
  • 57

    #d0b0a0
    c57
  • 58

    #bbbbff
    c58
  • 59

    #99aa66
    c59
  • 60

    #00bb00
    c60
  • 61

    #33ff33
    c61
  • 62

    #ddffdd
    c62
  • 63

    #ffebde
    c63
  • 64

    #cc99cc
    c64
  • 65

    #f6eef6
    c65
  • 66

    #aa66aa
    c66
  • 67

    #dd88dd
    c67

Red Alert

  • 68

    #ff0000
    c68
  • 69

    #cc0000
    c69
  • 70

    #ee0000
    c70
  • 71

    #dfdfdf
    c71
  • 72

    #f7f7f7
    c72