Media & Entertainment
Letterboxd Color Codes
Letterboxd works in a near-black ground, hex #202830, with three accent dots in orange, green and blue, hex #FF8000, #00E054 and #40BCF4. The Letterboxd color codes in Hex, RGB and CMYK can be found below. Matthew Buchanan and Karl von Randow started it in Auckland in 2011 as a place to log and review films; it grew sharply around 2020 into the main social network for film fans. Its nearest peer on this site is IMDb.
Primary colors
What are Letterboxd Primary Colors?
Letterboxd's primary colors are charcoal #202830, orange #FF8000, green #00E054, blue #40BCF4.
Letterboxd publishes a brand system; the values shown are the three dots and the dark ground.
Letterboxd Charcoal
| Hex | #202830 |
|---|---|
| RGB | 32, 40, 48 |
| HSL | hsl(210, 20%, 16%) |
| CMYK | 33%, 17%, 0%, 81%converted · approximate |
| Pantone | PMS 532 Cnearest match · not published by the brand |
Letterboxd Orange
| Hex | #FF8000 |
|---|---|
| RGB | 255, 128, 0 |
| HSL | hsl(30, 100%, 50%) |
| CMYK | 0%, 50%, 100%, 0%converted · approximate |
| Pantone | PMS 151 Cnearest match · not published by the brand |
Letterboxd Green
| Hex | #00E054 |
|---|---|
| RGB | 0, 224, 84 |
| HSL | hsl(143, 100%, 44%) |
| CMYK | 100%, 0%, 63%, 12%converted · approximate |
| Pantone | PMS 802 Cnearest match · not published by the brand |
Letterboxd Blue
| Hex | #40BCF4 |
|---|---|
| RGB | 64, 188, 244 |
| HSL | hsl(199, 89%, 60%) |
| CMYK | 74%, 23%, 0%, 4%converted · approximate |
| Pantone | PMS 298 Cnearest match · not published by the brand |
Letterboxd Hex Color Codes
Letterboxd hex color codes are #202830 for charcoal, #FF8000 for orange, #00E054 for green and #40BCF4 for blue.
| Color | Hex |
|---|---|
| Charcoal | #202830 |
| Orange | #FF8000 |
| Green | #00E054 |
| Blue | #40BCF4 |
Letterboxd RGB Color Codes
Letterboxd RGB color codes are 32, 40, 48 for charcoal, 255, 128, 0 for orange, 0, 224, 84 for green and 64, 188, 244 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Charcoal | rgb(32, 40, 48) |
| Orange | rgb(255, 128, 0) |
| Green | rgb(0, 224, 84) |
| Blue | rgb(64, 188, 244) |
Letterboxd HSL Color Codes
Letterboxd HSL color codes are 210, 20%, 16% for charcoal, 30, 100%, 50% for orange, 143, 100%, 44% for green and 199, 89%, 60% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Charcoal | hsl(210, 20%, 16%) |
| Orange | hsl(30, 100%, 50%) |
| Green | hsl(143, 100%, 44%) |
| Blue | hsl(199, 89%, 60%) |
Letterboxd CMYK Color Code
Letterboxd CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Charcoal | 33%, 17%, 0%, 81% |
| Orange | 0%, 50%, 100%, 0% |
| Green | 100%, 0%, 63%, 12% |
| Blue | 74%, 23%, 0%, 4% |
Letterboxd Pantone Color Codes
Letterboxd Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Charcoal | PMS 532 C |
| Orange | PMS 151 C |
| Green | PMS 802 C |
| Blue | PMS 298 C |
Logo
Letterboxd Logo Colors
Letterboxd logo colors are three dots, orange, green and blue, on a dark charcoal background.
Letterboxd Logo Colors Palette
What the Letterboxd Logo Colors Mean?
The three Letterboxd dots are the whole identity: they stand for the site's rating system and for the traffic-light idea of a verdict, and members reuse them as a badge everywhere. The charcoal ground is there because the app runs in dark mode by default, the way people watch films.
Letterboxd Logo Color History
Letterboxd logo color history has held the three dots since launch, with the exact orange, green and blue tuned once for screen contrast. The dark background has stayed put.
Letterboxd Logo Fonts
Letterboxd logo fonts are a custom sans, geometric with a friendly finish. A face like Circular or Graphik is the nearest match.
Letterboxd Logo JPG
Letterboxd logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Letterboxd Logo PNG
Letterboxd logo in PNG, with a transparent background. Use it over a colored surface.
Letterboxd Logo WebP
Letterboxd logo in WebP. Same transparency as the PNG at about a third of the file size.
Letterboxd Color Code Shades
Letterboxd color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Letterboxd paint or trim names.
In code
Using the Letterboxd palette
CSS custom properties
:root {
--letterboxd-charcoal: #202830;
--letterboxd-orange: #FF8000;
--letterboxd-green: #00E054;
--letterboxd-blue: #40BCF4;
}Contrast against white
| Charcoal | 14.92:1AA ✓ |
|---|---|
| Orange | 2.52:1AA × |
| Green | 1.78:1AA × |
| Blue | 2.16:1AA × |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.