Version
1.01

Color

We love every crayon in the box, but we've consciously chosen colors that are warm and approachable. There are subtle nods to Merrell’s storied heritage, but the sum of the colors point to a clean and modern interpretation of a brand that is always stepping forward.

Colors cover
Discover

Palette

Our features a warm, approachable cream as its hero color while honoring our heritage with subtle pops of orange. The UI color palette supports additional colors for functionality—please visit the Design Tokens page under UI Guidelines for details.

  • Sandy Dunes

    #F5F2EB
    RGB (rgb(245, 242, 235))
    CMYK (0,0,5,2)

  • Arctic White

    #FFFFFF
    RGB (rgb(255, 255, 255))
    CMYK (0,0,0,0)

  • Slate Gray

    #373836
    RGB (rgb(55, 56, 54))
    CMYK (57,47,53,66)

  • Merrell Orange

    #F4762D
    RGB (rgb(244, 118, 45))
    CMYK (0,58,100,0)
    PMS 3564 U

  • Sandy Dunes

    As our primary brand color, Sandy Dunes should be used as the background color for most assets to provide consistency across all brand touchpoints. Sandy Dunes is, in effect, our 'white space.' Never set the Merrell logo in Sandy Dunes.

    A note about the CMYK values: Depending on the type of paper you are using, there may be a significant amount of variation in the Sandy Dunes color specifically. Many papers have blue undertones, which can significantly alter the expected result. You may need to adjust the CMYK values to achieve the ideal color (an amber-toned light cream that appears similar to what you see on screen). Please request proofs from your print vendor to ensure that color is accurate.

  • Arctic White

    A foundational part of our color palette, Arctic White allows us to add clarity where needed and improve accessibility in layouts. Use as needed for logos and accent colors in layouts.

  • Slate Gray

    Slate Gray should never be used as a primary background color. Instead, please use it for all body copy, icons, logos, and CTA buttons. Avoid black—it's not a brand color.

  • Merrell Orange

    Merrell Orange should be used sparingly and with purpose to protect its visual impact. Only use it as an accent color to complement a design or bring color to layouts that do not already feature orange—it should feel subtle and thoughtful so it doesn't overwhelm the composition. Use Merrell Orange for eyebrow text, links, and graphic accents. A slight pop of orange can also go a long way in our brand photography.

Improper Usage

  • Color Rule 1 2x 100

    Do not use Slate Gray as a primary background color.

  • Color Rule 2 2x 100

    Do not use Merrell Orange as a primary background color.

  • Color Rule 3 2x 100

    Do not use Merrell Orange for headlines and body copy.

  • Color Rule 4 2x 100

    Do not use white text over cream and vice versa.