Colors Encyclopedia

Brand colors

Costco Brand Colors

Costco palette: #E31837, #005DAA, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Costco.

RetailBrand indexAPIDataset
Commonly referenced palette Costco
#E31837#005DAA#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#E31837RGB 227, 24, 55
Palette color 2#005DAARGB 0, 93, 170
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-costco-1: #E31837;
  --brand-costco-2: #005DAA;
  --brand-costco-3: #FFFFFF;
}

Accessibility Snapshot

#E31837Black 4.45:1 / White 4.72:1
#005DAABlack 3.15:1 / White 6.68:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Costco Brand Colors

Costco's direct red-and-blue presentation matches a retail model built around scale, clarity, and operational economy. Its history reaches back to Price Club, opened in a converted San Diego airplane hangar in 1976. The first Costco warehouse followed in Seattle in 1983; the companies merged as PriceCostco in 1993, and the organization resumed the Costco name in 1997.

Red and blue can establish a strong retail header, but they should not be treated as complete specifications for storefront signs, membership cards, private-label packaging, print, or warehouse wayfinding. Promotions, member status, stock, savings, and warnings need words and symbols as well as color. Large areas of saturated red also require careful contrast and visual-weight testing.

This unaffiliated reference does not distribute Costco artwork, represent a warehouse or membership service, certify Kirkland Signature packaging, imply endorsement, or grant trademark permission.

Downloadable brand colors infographic

Costco Brand Colors Infographic

Save an independent infographic of the commonly referenced Costco HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Costco brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Costco brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Costco.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.1726
Black text4.45:1AA Fail
White text4.72:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "costco",
  "name": "Costco",
  "category": "retail",
  "brandCategory": [
    "Retail",
    "retail"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/costco/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/retail/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Costco."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#E31837",
    "rgb": [
      227,
      24,
      55
    ],
    "hsl": [
      351,
      81,
      49
    ],
    "cmyk": [
      0,
      89,
      76,
      11
    ],
    "luminance": 0.1726,
    "contrast": {
      "black": 4.45,
      "white": 4.72
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#005DAA",
    "rgb": [
      0,
      93,
      170
    ],
    "hsl": [
      207,
      100,
      33
    ],
    "cmyk": [
      100,
      45,
      0,
      33
    ],
    "luminance": 0.1073,
    "contrast": {
      "black": 3.15,
      "white": 6.68
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "red brand palette",
    "blue brand palette",
    "gray brand palette",
    "warm brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "light brand color",
    "Costco color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/costco.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-costco-1: #E31837;\n--brand-costco-2: #005DAA;\n--brand-costco-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#E31837",
    "contrast": {
      "black": 4.45,
      "white": 4.72
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#005DAA",
    "contrast": {
      "black": 3.15,
      "white": 6.68
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "costco",
  "name": "Costco",
  "category": "retail",
  "brandCategory": [
    "Retail",
    "retail"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Costco.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/costco/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/retail/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/costco.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#E31837",
      "rgb": [
        227,
        24,
        55
      ],
      "hsl": [
        351,
        81,
        49
      ],
      "cmyk": [
        0,
        89,
        76,
        11
      ],
      "luminance": 0.1726,
      "contrast": {
        "black": 4.45,
        "white": 4.72
      },
      "wcag": {
        "AA": [
          "#FFFFFF"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#005DAA",
      "rgb": [
        0,
        93,
        170
      ],
      "hsl": [
        207,
        100,
        33
      ],
      "cmyk": [
        100,
        45,
        0,
        33
      ],
      "luminance": 0.1073,
      "contrast": {
        "black": 3.15,
        "white": 6.68
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "red brand palette",
    "blue brand palette",
    "gray brand palette",
    "warm brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "light brand color",
    "Costco color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/costco.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Retail brand colorsBrowse all retail brand color references.Adidas brand colorsCompare another retail palette.Aldi brand colorsCompare another retail palette.Best Buy brand colorsCompare another retail palette.Decathlon brand colorsCompare another retail palette.Domino's similar paletteOpen a palette with a nearby first-listed color value.New Balance similar paletteOpen a palette with a nearby first-listed color value.lululemon similar paletteOpen a palette with a nearby first-listed color value.Crimson colorOpen the nearest named color reference.Costco APIOpen the machine-readable brand color JSON.