Pure Master Chief Glacier palette

Colors in Pure Master Chief Glacier: HEX, RGB, HSL & OKLCH

• bg

  #E3E9E1

  #E3E9E1 color page →

  RGB

  rgb(227 233 225)

  HSL

  hsl(105 15% 90%)

  OKLCH

  oklch(0.927 0.012 137.8)

  WCAG contrast: on white 1.23:1 (Fail) · on black 17.00:1 (AAA)

• surface

  #8EAC84

  #8EAC84 color page →

  RGB

  rgb(142 172 132)

  HSL

  hsl(105 19% 60%)

  OKLCH

  oklch(0.711 0.066 137.9)

  WCAG contrast: on white 2.50:1 (Fail) · on black 8.38:1 (AAA)

• primary

  #487A1F

  #487A1F color page →

  RGB

  rgb(72 122 31)

  HSL

  hsl(93 59% 30%)

  OKLCH

  oklch(0.525 0.132 134.1)

  WCAG contrast: on white 5.14:1 (AA) · on black 4.07:1 (Fail)

• accent

  #385723

  #385723 color page →

  RGB

  rgb(56 87 35)

  HSL

  hsl(96 43% 24%)

  OKLCH

  oklch(0.419 0.087 134.3)

  WCAG contrast: on white 8.21:1 (AAA) · on black 2.55:1 (Fail)

• text

  #1C2B19

  #1C2B19 color page →

  RGB

  rgb(28 43 25)

  HSL

  hsl(110 26% 13%)

  OKLCH

  oklch(0.27 0.038 140.3)

  WCAG contrast: on white 14.90:1 (AAA) · on black 1.40:1 (Fail)

Export Pure Master Chief Glacier: CSS variables, Tailwind & JSON

:root {
  --bg: #e3e9e1;
  --surface: #8eac84;
  --primary: #487a1f;
  --accent: #385723;
  --text: #1c2b19;
}

@theme {
  --color-bg: #e3e9e1;
  --color-surface: #8eac84;
  --color-primary: #487a1f;
  --color-accent: #385723;
  --color-text: #1c2b19;
}

{
  "pure-master-chief-glacier-2e5": {
    "bg": {
      "$type": "color",
      "$value": "#e3e9e1"
    },
    "surface": {
      "$type": "color",
      "$value": "#8eac84"
    },
    "primary": {
      "$type": "color",
      "$value": "#487a1f"
    },
    "accent": {
      "$type": "color",
      "$value": "#385723"
    },
    "text": {
      "$type": "color",
      "$value": "#1c2b19"
    }
  }
}