LACCD Color Palette

Official district colors pulled from the LACCD palette are below. Headings use the three green values for quick contrast checks: dark for primary titles, mid for subheads, and a balanced mix of light/dark for tertiary labels.

LACCD Core Colors

Blue Dark

#1C4993
--laccd-blue-dark

Blue

#4BA8C3
--laccd-blue

Blue Light

#81CCE7
--laccd-blue-light

Green Dark

#32673D
--laccd-green-dark

Green

#5F9A3F
--laccd-green

Green Light

#A0CD81
--laccd-green-light

Orange

#EC8544
--laccd-orange

Sunbeam

#E9BF5E
--laccd-sunbeam

Sand

#F4D698
--laccd-sand

Black

#000000
--laccd-black

Legacy Extended Scales

HSL ramps remain below for comparison and migration.

Green (100–900)

Green-100

HSL 143° 21% 15%

Green-200

HSL 143° 21% 20%

Green-300

HSL 143° 21% 27%

Green-400

HSL 143° 21% 34%

Green-500

HSL 143° 21% 42%

Green-600

HSL 143° 21% 52%

Green-700

HSL 143° 21% 62%

Green-800

HSL 143° 21% 72%

Green-900

HSL 143° 21% 85%

Orchid (100–900)

Orchid-100

HSL 295° 28% 18%

Orchid-200

HSL 295° 28% 28%

Orchid-300

HSL 295° 28% 40%

Orchid-400

HSL 295° 28% 50%

Orchid-500

HSL 295° 28% 59%

Orchid-600

HSL 295° 28% 68%

Orchid-700

HSL 295° 28% 76%

Orchid-800

HSL 295° 28% 84%

Orchid-900

HSL 295° 28% 92%

Yellow / Sun (100–900)

Yellow-100

HSL 47° 89% 20%

Yellow-200

HSL 47° 89% 32%

Yellow-300

HSL 47° 89% 50%

Yellow-400

HSL 47° 89% 60%

Yellow-500

HSL 47° 89% 68%

Yellow-600

HSL 47° 89% 76%

Yellow-700

HSL 47° 89% 84%

Yellow-800

HSL 47° 89% 90%

Yellow-900

HSL 47° 89% 95%

Blue (100–900)

Blue-100

HSL 197° 100% 15%

Blue-200

HSL 197° 100% 22%

Blue-300

HSL 197° 100% 29%

Blue-400

HSL 197° 100% 36%

Blue-500

HSL 197° 100% 44%

Blue-600

HSL 197° 100% 54%

Blue-700

HSL 197° 100% 64%

Blue-800

HSL 197° 100% 74%

Blue-900

HSL 197° 100% 86%

Sand (100–900)

Sand-100

HSL 24° 17% 22% · #3c322d

Sand-200

HSL 24° 17% 30% · #51443d

Sand-300

HSL 24° 17% 38% · #685850

Sand-400

HSL 24° 17% 48% · #877469

Sand-500

HSL 24° 17% 58% · #a39082

Sand-600

HSL 24° 17% 65% · #b5a79d

Sand-700

HSL 24° 17% 75% · #cfc2ba

Sand-800

HSL 24° 17% 83% · #dad1cb

Sand-900

HSL 24° 17% 92% · #f0ebe8

Brown (100–900)

Brown-100

HSL 21° 10% 12% · #1f1b19

Brown-200

HSL 21° 10% 18% · #2f2926

Brown-300

HSL 21° 10% 25% · #423732

Brown-400

HSL 21° 10% 32% · #5c4e48

Brown-500

HSL 21° 10% 39% · #6e6159

Brown-600

HSL 21° 10% 46% · #7f7269

Brown-700

HSL 21° 10% 58% · #9c8e84

Brown-800

HSL 21° 10% 70% · #b9aaa0

Brown-900

HSL 21° 10% 85% · #ded6d3