Classic Never Forget Forge palette

Colors in Classic Never Forget Forge: HEX, RGB, HSL & OKLCH

• bg

  #F5E8EB

  #F5E8EB color page →

  RGB

  rgb(245 232 235)

  HSL

  hsl(346 39% 94%)

  OKLCH

  oklch(0.942 0.015 1.6)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.62:1 (AAA)

• surface

  #C2AABE

  #C2AABE color page →

  RGB

  rgb(194 170 190)

  HSL

  hsl(310 16% 71%)

  OKLCH

  oklch(0.765 0.039 331.5)

  WCAG contrast: on white 2.14:1 (Fail) · on black 9.78:1 (AAA)

• primary

  #9A727E

  #9A727E color page →

  RGB

  rgb(154 114 126)

  HSL

  hsl(342 17% 53%)

  OKLCH

  oklch(0.596 0.053 359.1)

  WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)

• accent

  #553937

  #553937 color page →

  RGB

  rgb(85 57 55)

  HSL

  hsl(4 21% 27%)

  OKLCH

  oklch(0.376 0.04 23.7)

  WCAG contrast: on white 10.36:1 (AAA) · on black 2.02:1 (Fail)

• text

  #25161C

  #25161C color page →

  RGB

  rgb(37 22 28)

  HSL

  hsl(336 25% 12%)

  OKLCH

  oklch(0.222 0.026 353.8)

  WCAG contrast: on white 17.35:1 (AAA) · on black 1.21:1 (Fail)

Export Classic Never Forget Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #f5e8eb;
  --surface: #c2aabe;
  --primary: #9a727e;
  --accent: #553937;
  --text: #25161c;
}

@theme {
  --color-bg: #f5e8eb;
  --color-surface: #c2aabe;
  --color-primary: #9a727e;
  --color-accent: #553937;
  --color-text: #25161c;
}

{
  "classic-never-forget-forge-4k1": {
    "bg": {
      "$type": "color",
      "$value": "#f5e8eb"
    },
    "surface": {
      "$type": "color",
      "$value": "#c2aabe"
    },
    "primary": {
      "$type": "color",
      "$value": "#9a727e"
    },
    "accent": {
      "$type": "color",
      "$value": "#553937"
    },
    "text": {
      "$type": "color",
      "$value": "#25161c"
    }
  }
}