Crocs brand colors
Crocs publishes a web style guide that names its primary colors, Crocs Green, Dark Gray and White, with a hex and an RGB triple each, and a secondary blue for links and buttons. It is a website style guide rather than a brand book, but it is the company naming its own green.
Official site: crocs.com
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 |
|---|---|---|---|---|---|---|---|
| Crocs Green | primary | #84BD00 | 132, 189, 0 | 78, 100%, 37% | -- | -- | Fill screen |
| Dark Gray | text | #444444 | 68, 68, 68 | 0, 0%, 27% | -- | -- | Fill screen |
| White | background | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | -- | -- | Fill screen |
| Link & Button Blue | secondary | #006DA4 | 0, 109, 164 | 200, 100%, 32% | -- | -- | Fill screen |
Crocs against your project
Contrast pairs
Crocs Green passes AA for body text on black, at 9.3 to 1.
Of 28 ordered pairs in this palette, 14 clear 4.5 to 1 for body text and 18 clear 3 to 1 for large text. Row is the text color, column is the background.
| Text color | Crocs Green | Dark Gray | White | Link & Button Blue | White | Black |
|---|---|---|---|---|---|---|
| Crocs Green | 4.3Crocs Green on Dark Gray, fails AA for body text | 2.3Crocs Green on White, fails AA for body text | 2.5Crocs Green on Link & Button Blue, fails AA for body text | 2.3Crocs Green on White, fails AA for body text | 9.3Crocs Green on Black, passes AA for body text | |
| Dark Gray | 4.3Dark Gray on Crocs Green, fails AA for body text | 9.7Dark Gray on White, passes AA for body text | 1.7Dark Gray on Link & Button Blue, fails AA for body text | 9.7Dark Gray on White, passes AA for body text | 2.2Dark Gray on Black, fails AA for body text | |
| White | 2.3White on Crocs Green, fails AA for body text | 9.7White on Dark Gray, passes AA for body text | 5.6White on Link & Button Blue, passes AA for body text | 21.0White on Black, passes AA for body text | ||
| Link & Button Blue | 2.5Link & Button Blue on Crocs Green, fails AA for body text | 1.7Link & Button Blue on Dark Gray, fails AA for body text | 5.6Link & Button Blue on White, passes AA for body text | 5.6Link & Button Blue on White, passes AA for body text | 3.7Link & Button Blue on Black, fails AA for body text | |
| White | 2.3White on Crocs Green, fails AA for body text | 9.7White on Dark Gray, passes AA for body text | 5.6White on Link & Button Blue, passes AA for body text | 21.0White on Black, passes AA for body text | ||
| Black | 9.3Black on Crocs Green, passes AA for body text | 2.2Black on Dark Gray, fails AA for body text | 21.0Black on White, passes AA for body text | 3.7Black on Link & Button Blue, fails AA for body text | 21.0Black on White, passes AA for body text |
Sources
- Every color on this page: https://www.crocs.com/style-guide/cx-colors.html?passphrase=
Other retail
Share