Software & SaaS
Typeform Color Codes
Typeform's color is near-black #262627. The Typeform color codes in Hex, RGB and CMYK can be found below. David Okuniev and Robert Munoz founded it in Barcelona in 2012 to build forms that ask one question at a time, the way a person would.
Primary colors
What are Typeform Primary Colors?
Typeform's primary color is near-black #262627, a warm off-black rather than a true black.
Typeform publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Typeform Black
| Hex | #262627 |
|---|---|
| RGB | 38, 38, 39 |
| HSL | hsl(240, 1%, 15%) |
| CMYK | 3%, 3%, 0%, 85%converted · approximate |
| Pantone | PMS 426 Cnearest match · not published by the brand |
Typeform Hex Color Codes
Typeform hex color codes are #262627 for black.
| Color | Hex |
|---|---|
| Black | #262627 |
Typeform RGB Color Codes
Typeform RGB color codes are 38, 38, 39 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Black | rgb(38, 38, 39) |
Typeform HSL Color Codes
Typeform HSL color codes are 240, 1%, 15% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Black | hsl(240, 1%, 15%) |
Typeform CMYK Color Code
Typeform CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Black | 3%, 3%, 0%, 85% |
Typeform Pantone Color Codes
Typeform Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Black | PMS 426 C |
Logo
Typeform Logo Colors
Typeform logo colors are one near-black, used flat on the wordmark.
Typeform Logo Colors Palette
What the Typeform Logo Colors Mean?
The Typeform logo colors stay out of the way because the forms themselves are the color. A Typeform fills the whole screen and takes its background from whatever the person who built it chose, so a strong brand color on the mark would clash with every second form in the wild. Near-black rather than #000000 is the same reasoning as GitHub's: a warm off-black looks intentional next to arbitrary colors where pure black looks like a default.
Typeform Logo JPG
Typeform logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Typeform Logo PNG
Typeform logo in PNG, with a transparent background. Use it over a colored surface.
Typeform Logo WebP
Typeform logo in WebP. Same transparency as the PNG at about a third of the file size.
Typeform Color Code Shades
Typeform color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Typeform paint or trim names.
In code
Using the Typeform palette
CSS custom properties
:root {
--typeform-black: #262627;
}Contrast against white
| Black | 15.12: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.