Classic Deeply Embarrassed Forge palette

Colors in Classic Deeply Embarrassed Forge: HEX, RGB, HSL & OKLCH

• bg

  #F9F0EC

  #F9F0EC color page →

  RGB

  rgb(249 240 236)

  HSL

  hsl(18 52% 95%)

  OKLCH

  oklch(0.961 0.011 45.7)

  WCAG contrast: on white 1.12:1 (Fail) · on black 18.70:1 (AAA)

• surface

  #F8D0BD

  #F8D0BD color page →

  RGB

  rgb(248 208 189)

  HSL

  hsl(19 81% 86%)

  OKLCH

  oklch(0.887 0.052 46.9)

  WCAG contrast: on white 1.42:1 (Fail) · on black 14.74:1 (AAA)

• primary

  #E9CCA7

  #E9CCA7 color page →

  RGB

  rgb(233 204 167)

  HSL

  hsl(34 60% 78%)

  OKLCH

  oklch(0.86 0.059 73.6)

  WCAG contrast: on white 1.53:1 (Fail) · on black 13.65:1 (AAA)

• accent

  #EAAEB3

  #EAAEB3 color page →

  RGB

  rgb(234 174 179)

  HSL

  hsl(355 59% 80%)

  OKLCH

  oklch(0.808 0.071 13.2)

  WCAG contrast: on white 1.87:1 (Fail) · on black 11.20:1 (AAA)

• text

  #432B1E

  #432B1E color page →

  RGB

  rgb(67 43 30)

  HSL

  hsl(21 38% 19%)

  OKLCH

  oklch(0.315 0.042 49.1)

  WCAG contrast: on white 13.10:1 (AAA) · on black 1.60:1 (Fail)

Export Classic Deeply Embarrassed Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #f9f0ec;
  --surface: #f8d0bd;
  --primary: #e9cca7;
  --accent: #eaaeb3;
  --text: #432b1e;
}

@theme {
  --color-bg: #f9f0ec;
  --color-surface: #f8d0bd;
  --color-primary: #e9cca7;
  --color-accent: #eaaeb3;
  --color-text: #432b1e;
}

{
  "classic-deeply-embarrassed-forge-6l0": {
    "bg": {
      "$type": "color",
      "$value": "#f9f0ec"
    },
    "surface": {
      "$type": "color",
      "$value": "#f8d0bd"
    },
    "primary": {
      "$type": "color",
      "$value": "#e9cca7"
    },
    "accent": {
      "$type": "color",
      "$value": "#eaaeb3"
    },
    "text": {
      "$type": "color",
      "$value": "#432b1e"
    }
  }
}