Colors
Click on a color swatch to copy its HEX code.
[blocksmith_content]
Click to copy
Website Color 1
Primary action color. Used for the most important calls to action, including main buttons, key highlights, and moments where the design should draw attention or encourage people to act.
- HEX:
- RGB:
- CSS:
- color-1
- CMYK:
- Pantone:(closest match)
Click to copy
Website Color 2
Secondary accent color. Used for links, secondary buttons, section backgrounds, accents, and other supporting visual details.
- HEX:
- RGB:
- CSS:
- color-2
- CMYK:
- Pantone:(closest match)
Click to copy
Website Color 3
Main text color. Used for headings, body copy, and other high-contrast elements.
- HEX:
- RGB:
- CSS:
- color-3
- CMYK:
- Pantone:(closest match)
Other Website Colors
Additional supporting colors used throughout the website for section backgrounds, alternate buttons, highlights, accents, and other visual details.
Click to copy
- HEX:
- RGB:
- CSS:
- color-4
- CMYK:
- Pantone:(closest match)
Click to copy
- HEX:
- RGB:
- CSS:
- color-5
- CMYK:
- Pantone:(closest match)
Click to copy
- HEX:
- RGB:
- CSS:
- color-6
- CMYK:
- Pantone:(closest match)
Click to copy
- HEX:
- RGB:
- CSS:
- color-7
- CMYK:
- Pantone:(closest match)
Click to copy
- HEX:
- RGB:
- CSS:
- color-8
- CMYK:
- Pantone:(closest match)
