Ghost brand colors
Ghost publishes its colors on the logo page of its documentation, each with the Sass variable name it is used under, an RGB triple and a hex. The palette is light backgrounds and tinted greys accented with Ghost Green, in the page's own words, and the grey names are spelled as Ghost spells them.
Official site: ghost.org
Palette image
Every swatch on this page, as one image you can save or share.
Every color
| Color | Role | Hex | RGB | HSL | Pantone | CMYK | Preview |
|---|---|---|---|---|---|---|---|
| Ghost Green | primary | #30CF43 | 48, 207, 67 | 127, 62%, 50% | -- | -- | Fill screen |
| White | background | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | -- | -- | Fill screen |
| Light Grey | neutral light | #CED4D9 | 206, 212, 217 | 207, 13%, 83% | -- | -- | Fill screen |
| Mid Grey | neutral dark | #7C8B9A | 124, 139, 154 | 210, 13%, 55% | -- | -- | Fill screen |
| Dark Grey | text | #15171A | 21, 23, 26 | 216, 11%, 9% | -- | -- | Fill screen |
Ghost against your project
Contrast pairs
Ghost Green passes AA for body text on black, at 10.1 to 1.
Of 40 ordered pairs in this palette, 20 clear 4.5 to 1 for body text and 24 clear 3 to 1 for large text. Row is the text color, column is the background.
| Text color | Ghost Green | White | Light Grey | Mid Grey | Dark Grey | White | Black |
|---|---|---|---|---|---|---|---|
| Ghost Green | 2.1Ghost Green on White, fails AA for body text | 1.4Ghost Green on Light Grey, fails AA for body text | 1.7Ghost Green on Mid Grey, fails AA for body text | 8.7Ghost Green on Dark Grey, passes AA for body text | 2.1Ghost Green on White, fails AA for body text | 10.1Ghost Green on Black, passes AA for body text | |
| White | 2.1White on Ghost Green, fails AA for body text | 1.5White on Light Grey, fails AA for body text | 3.5White on Mid Grey, fails AA for body text | 18.0White on Dark Grey, passes AA for body text | 21.0White on Black, passes AA for body text | ||
| Light Grey | 1.4Light Grey on Ghost Green, fails AA for body text | 1.5Light Grey on White, fails AA for body text | 2.3Light Grey on Mid Grey, fails AA for body text | 12.0Light Grey on Dark Grey, passes AA for body text | 1.5Light Grey on White, fails AA for body text | 14.0Light Grey on Black, passes AA for body text | |
| Mid Grey | 1.7Mid Grey on Ghost Green, fails AA for body text | 3.5Mid Grey on White, fails AA for body text | 2.3Mid Grey on Light Grey, fails AA for body text | 5.2Mid Grey on Dark Grey, passes AA for body text | 3.5Mid Grey on White, fails AA for body text | 6.0Mid Grey on Black, passes AA for body text | |
| Dark Grey | 8.7Dark Grey on Ghost Green, passes AA for body text | 18.0Dark Grey on White, passes AA for body text | 12.0Dark Grey on Light Grey, passes AA for body text | 5.2Dark Grey on Mid Grey, passes AA for body text | 18.0Dark Grey on White, passes AA for body text | 1.2Dark Grey on Black, fails AA for body text | |
| White | 2.1White on Ghost Green, fails AA for body text | 1.5White on Light Grey, fails AA for body text | 3.5White on Mid Grey, fails AA for body text | 18.0White on Dark Grey, passes AA for body text | 21.0White on Black, passes AA for body text | ||
| Black | 10.1Black on Ghost Green, passes AA for body text | 21.0Black on White, passes AA for body text | 14.0Black on Light Grey, passes AA for body text | 6.0Black on Mid Grey, passes AA for body text | 1.2Black on Dark Grey, fails AA for body text | 21.0Black on White, passes AA for body text |
Sources
- Every color on this page: https://ghost.org/docs/logos/
Other technology
Share