Palette Preview

Sidebar color sandbox — click “Apply” to preview live, copy the YAML snippet, or tell me a number to commit it.

Sidebar Palette Sandbox

  • Click ▶ Apply on any card → sidebar gradient updates instantly (this browser only, remembered via localStorage).
  • Open the YAML snippet drawer in the toolbar → copy 4 lines into _config.yml.
  • Or just tell me a code (e.g., A2, C1, F2) and I’ll commit it.
Current preview: (none — click Apply)
YAML snippet (paste into _config.yml)
— Apply a palette to see the snippet —

Pantone Color of the Year

Nine annual colour choices, 2025 → 2017. Scroll or swipe to browse — each chip applies as a sidebar preview.

2025
Mocha Mousse
17-1230
2024
Peach Fuzz
13-1023
2023
Viva Magenta
18-1750
2022
Very Peri
17-3938
2021
Ult. Gray
17-5104
2021b
Illuminating
13-0647
2020
Classic Blue
19-4052
2019
Living Coral
16-1546
2018
Ultra Violet
18-3838
2017
Greenery
15-0343

A. Academic Standards

A1. Slate Blue (current)
Slate Blue
rgb(54,100,139)
  • Currently applied site-wide
  • Cool, restrained academic feel
A2. Oxford Blue
Oxford Blue
rgb(28,52,92)
  • Deep navy, traditional
  • Oxford / Cambridge elite tone
A3. Cambridge Blue
Cambridge Blue
rgb(125,160,190)
  • Lighter, softer than Oxford
  • Open / approachable
A4. Harvard Crimson
Harvard Crimson
rgb(165,28,48)
  • Classic Ivy red
  • Strong, traditional
A5. Stanford Cardinal
Stanford Cardinal
rgb(140,21,21)
  • West-coast academic red
  • Slightly darker than Harvard
A6. Princeton Orange
Princeton Orange
rgb(232,119,34)
  • Vivid orange
  • High energy — use with restraint
A7. Yale Blue
Yale Blue
rgb(0,50,98)
  • Near-black navy
  • Maximum gravitas
A8. MIT Engineering Red
MIT Red
rgb(179,27,27)
  • Engineering / tech-school flavor
  • Strong, clean
A9. Berkeley Blue
Berkeley Blue
rgb(0,55,118)
  • Deep, neutral navy
  • UC Berkeley primary
A10. Cornell Carnelian
Cornell Carnelian
rgb(179,27,29)
  • Warmer than Stanford
  • Distinctive Ivy red

B. Greens & Earth

B1. Forest Green
Forest Green
rgb(46,85,56)
  • Deep, earthy
  • Bio / neuroscience tone
B2. Sagebrush (Pantone)
Sagebrush Green
rgb(82,105,90)
  • Soft sage / muted
  • Organic, calm
B3. Olive Drab
Olive Drab
rgb(91,99,71)
  • Muted yellow-green
  • Field-notebook feel
B4. Pine Green
Pine Green
rgb(40,82,82)
  • Cool, dense forest
  • Quiet authority
B5. Tobacco Brown
Tobacco Brown
rgb(120,98,55)
  • Warm earthy brown
  • Library / archive feel
B6. Terracotta
Terracotta
rgb(155,84,52)
  • Warm clay-orange
  • Mediterranean / craft

C. Blues & Teals

C1. Deep Teal
Deep Teal
rgb(20,94,108)
  • Modern, mineral
  • Bridges blue and green
C2. Pantone Classic Blue
Classic Blue (2020)
rgb(15,76,129)
  • Pantone Color of the Year 2020
  • Trustworthy academic default
C3. Indigo
Indigo
rgb(60,93,140)
  • Slight purple cast in deep blue
  • Calm + intellectual
C4. Steel Blue
Steel Blue
rgb(50,110,140)
  • Industrial, balanced
  • Slightly desaturated
C5. Midnight Navy
Midnight Navy
rgb(28,52,110)
  • Near-black blue
  • High formality
C6. Aegean Blue
Aegean Blue
rgb(40,130,170)
  • Mediterranean sea-blue
  • Lighter, more open

D. Reds, Purples, Warm

D1. Burgundy
Burgundy / Wine
rgb(111,29,27)
  • Warm, deep red
  • Authoritative, classical
D2. Plum
Plum
rgb(108,46,103)
  • Deep purple-red
  • Distinctive without screaming
D3. Pantone Ultra Violet
Ultra Violet (2018)
rgb(95,75,139)
  • Pantone Color of the Year 2018
  • Mystic, creative
D4. Pantone Very Peri
Very Peri (2022)
rgb(102,103,171)
  • Pantone Color of the Year 2022
  • Periwinkle — calm + curious
D5. Pantone Viva Magenta
Viva Magenta (2023)
rgb(187,38,73)
  • Pantone Color of the Year 2023
  • ⚠ High intensity — strong statement
D6. Pantone Mocha Mousse
Mocha Mousse (2025)
rgb(164,120,100)
  • Pantone Color of the Year 2025
  • Warm latte / café tone

E. Neutrals & Monochrome

E1. Charcoal Slate
Charcoal Slate
rgb(55,65,71)
  • Cool monochrome
  • Minimal / editorial
E2. Ink Black
Ink Black
rgb(64,66,62)
  • Soft black, slight warmth
  • Newspaper / typographic
E3. Stone Gray
Stone Gray
rgb(120,116,108)
  • Warm neutral gray
  • Architectural feel
E4. Taupe
Taupe
rgb(143,135,120)
  • Soft brown-gray
  • Quiet, sophisticated
E5. Pantone Ultimate Gray
Ultimate Gray (2021)
rgb(147,149,151)
  • Pantone Color of the Year 2021
  • True neutral
E6. Graphite
Graphite
rgb(85,90,95)
  • Pencil-lead gray
  • Neutral but with depth

F. Asian-Inspired

F1. Aizome (Japanese Indigo)
Aizome 藍染
rgb(35,82,116)
  • Traditional Japanese indigo dye
  • Quiet, deep, time-tested
F2. Korean Dancheong Red
Dancheong Red 단청
rgb(127,28,38)
  • Traditional palace pillar red
  • Heritage, ceremonial
F3. Cheong (Korean Blue-Green)
Cheong 청록
rgb(54,98,76)
  • Korean palette blue-green hybrid
  • Calm, balanced
F4. Sumi Brown
Sumi Brown 墨
rgb(120,68,60)
  • Asian-ink-on-paper brown
  • Calligraphic warmth

Colour References

  • Pantone — official CoY archive with RGB/HEX conversions
  • Coolors — instant palette generation + WCAG contrast checker
  • Color Hunt — curated palettes, filterable by mood
  • Canva Colour Wheel — harmony types (complementary, triadic, analogous) with interactive preview

Notes

  • Currently applied: Forest Green B1 (rgb(46,85,56)) — site accent committed in _config.yml.
  • Recommended for academic homepages: A1, A2, A7, A9, C2, C5, B1, B4, E1, E6.
  • Strong / use sparingly: A6 (Princeton Orange), Pantone 2023 (Viva Magenta), B6 (Terracotta).
  • Pantone CoY hero: scroll the chip carousel at the top — each chip applies as a live sidebar preview.

Tell me a code (e.g., C2 or F1) and I’ll commit it to _config.yml.