Classic Moonscape Forge palette

Colors in Classic Moonscape Forge: HEX, RGB, HSL & OKLCH

• bg

  #F9EAF2

  #F9EAF2 color page →

  RGB

  rgb(249 234 242)

  HSL

  hsl(328 56% 95%)

  OKLCH

  oklch(0.951 0.019 343.9)

  WCAG contrast: on white 1.16:1 (Fail) · on black 18.07:1 (AAA)

• surface

  #B2A6AC

  #B2A6AC color page →

  RGB

  rgb(178 166 172)

  HSL

  hsl(330 7% 67%)

  OKLCH

  oklch(0.737 0.016 345.7)

  WCAG contrast: on white 2.34:1 (Fail) · on black 8.94:1 (AAA)

• primary

  #7A6973

  #7A6973 color page →

  RGB

  rgb(122 105 115)

  HSL

  hsl(325 7% 45%)

  OKLCH

  oklch(0.54 0.026 341.9)

  WCAG contrast: on white 5.12:1 (AA) · on black 4.09:1 (Fail)

• accent

  #41383C

  #41383C color page →

  RGB

  rgb(65 56 60)

  HSL

  hsl(333 7% 24%)

  OKLCH

  oklch(0.352 0.014 349.2)

  WCAG contrast: on white 11.31:1 (AAA) · on black 1.85:1 (Fail)

• text

  #0A0708

  #0A0708 color page →

  RGB

  rgb(10 7 8)

  HSL

  hsl(340 18% 3%)

  OKLCH

  oklch(0.134 0.006 354.5)

  WCAG contrast: on white 20.06:1 (AAA) · on black 1.04:1 (Fail)

Export Classic Moonscape Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #f9eaf2;
  --surface: #b2a6ac;
  --primary: #7a6973;
  --accent: #41383c;
  --text: #0a0708;
}

@theme {
  --color-bg: #f9eaf2;
  --color-surface: #b2a6ac;
  --color-primary: #7a6973;
  --color-accent: #41383c;
  --color-text: #0a0708;
}

{
  "classic-moonscape-forge-1yd": {
    "bg": {
      "$type": "color",
      "$value": "#f9eaf2"
    },
    "surface": {
      "$type": "color",
      "$value": "#b2a6ac"
    },
    "primary": {
      "$type": "color",
      "$value": "#7a6973"
    },
    "accent": {
      "$type": "color",
      "$value": "#41383c"
    },
    "text": {
      "$type": "color",
      "$value": "#0a0708"
    }
  }
}