Software & SaaS
Grammarly Color Codes
Grammarly's colors are Pine Green #027E6F and gray #4C4C4C. The Grammarly color codes in Hex, RGB and CMYK can be found below. Alex Shevchenko, Max Lytvyn and Dmytro Lider founded it in Kyiv in 2009, and it is still one of the best-known Ukrainian technology brands.
Primary colors
What are Grammarly Primary Colors?
Grammarly's primary color is Pine Green #027E6F, a dark blue-green rather than a bright one.
Grammarly publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Grammarly Pine Green
| Hex | #027E6F |
|---|---|
| RGB | 2, 126, 111 |
| HSL | hsl(173, 97%, 25%) |
| CMYK | 98%, 0%, 12%, 51%converted · approximate |
| Pantone | PMS 3295 Cnearest match · not published by the brand |
Grammarly Gray
| Hex | #4C4C4C |
|---|---|
| RGB | 76, 76, 76 |
| HSL | hsl(0, 0%, 30%) |
| CMYK | 0%, 0%, 0%, 70%converted · approximate |
| Pantone | PMS 446 Cnearest match · not published by the brand |
Grammarly Hex Color Codes
Grammarly hex color codes are #027E6F for pine green and #4C4C4C for gray.
| Color | Hex |
|---|---|
| Pine Green | #027E6F |
| Gray | #4C4C4C |
Grammarly RGB Color Codes
Grammarly RGB color codes are 2, 126, 111 for pine green and 76, 76, 76 for gray. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Pine Green | rgb(2, 126, 111) |
| Gray | rgb(76, 76, 76) |
Grammarly HSL Color Codes
Grammarly HSL color codes are 173, 97%, 25% for pine green and 0, 0%, 30% for gray. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Pine Green | hsl(173, 97%, 25%) |
| Gray | hsl(0, 0%, 30%) |
Grammarly CMYK Color Code
Grammarly CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Pine Green | 98%, 0%, 12%, 51% |
| Gray | 0%, 0%, 0%, 70% |
Grammarly Pantone Color Codes
Grammarly Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Pine Green | PMS 3295 C |
| Gray | PMS 446 C |
Logo
Grammarly Logo Colors
Grammarly logo colors are pine green on the mark and gray on the wordmark.
Grammarly Logo Colors Palette
What the Grammarly Logo Colors Mean?
The Grammarly logo colors are doing something quietly clever. The mark is a circle with a G formed by a gap, and green is the color the product uses when your writing is clean, while its corrections appear underlined in red. So the brand color is the state you are being moved toward, not the state you are in. Pine Green is dark enough to read as serious rather than as a success toast. A brighter #15C39A also circulates and belongs to the interface rather than the mark.
Grammarly Logo JPG
Grammarly logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Grammarly Logo PNG
Grammarly logo in PNG, with a transparent background. Use it over a colored surface.
Grammarly Logo WebP
Grammarly logo in WebP. Same transparency as the PNG at about a third of the file size.
Grammarly Color Code Shades
Grammarly color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Grammarly paint or trim names.
In code
Using the Grammarly palette
CSS custom properties
:root {
--grammarly-pine-green: #027E6F;
--grammarly-gray: #4C4C4C;
}Contrast against white
| Pine Green | 4.98:1AA ✓ |
|---|---|
| Gray | 8.59: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.