Software & SaaS
Todoist Color Codes
Todoist's color is red #E44332. The Todoist color codes in Hex, RGB and CMYK can be found below. Amir Salihefendic built the first version in 2007 while he was a student in Denmark holding down two programming jobs, because he could not find a task manager he liked. The company behind it is called Doist.
Primary colors
What are Todoist Primary Colors?
Todoist's primary color is red #E44332, a warm red with a trace of orange in it.
Todoist publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Todoist Red
| Hex | #E44332 |
|---|---|
| RGB | 228, 67, 50 |
| HSL | hsl(6, 77%, 55%) |
| CMYK | 0%, 71%, 78%, 11%converted · approximate |
| Pantone | PMS 179 Cnearest match · not published by the brand |
Todoist Hex Color Codes
Todoist hex color codes are #E44332 for red.
| Color | Hex |
|---|---|
| Red | #E44332 |
Todoist RGB Color Codes
Todoist RGB color codes are 228, 67, 50 for red. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Red | rgb(228, 67, 50) |
Todoist HSL Color Codes
Todoist HSL color codes are 6, 77%, 55% for red. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Red | hsl(6, 77%, 55%) |
Todoist CMYK Color Code
Todoist CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Red | 0%, 71%, 78%, 11% |
Todoist Pantone Color Codes
Todoist Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Red | PMS 179 C |
Logo
Todoist Logo Colors
Todoist logo colors are one red, on a mark built from three horizontal strokes.
Todoist Logo Colors Palette
What the Todoist Logo Colors Mean?
The Todoist logo colors sit on a list, drawn as three lines of decreasing length. Red is doing something specific here that most productivity brands avoid: inside the app, red is the highest priority flag, so the brand color and the urgency color are the same value. That is a risk, because it means the logo carries a little of the alarm. It works because the mark is a list rather than a warning sign, and the two readings do not collide.
Todoist Logo JPG
Todoist logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Todoist Logo PNG
Todoist logo in PNG, with a transparent background. Use it over a colored surface.
Todoist Logo WebP
Todoist logo in WebP. Same transparency as the PNG at about a third of the file size.
Todoist Color Code Shades
Todoist color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Todoist paint or trim names.
In code
Using the Todoist palette
CSS custom properties
:root {
--todoist-red: #E44332;
}Contrast against white
| Red | 4.08: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.