Pure Fat Smooch Forge palette

Colors in Pure Fat Smooch Forge: HEX, RGB, HSL & OKLCH

• bg

  #FFDED7

  #FFDED7 color page →

  RGB

  rgb(255 222 215)

  HSL

  hsl(11 100% 92%)

  OKLCH

  oklch(0.926 0.038 31.9)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.68:1 (AAA)

• surface

  #FF92A1

  #FF92A1 color page →

  RGB

  rgb(255 146 161)

  HSL

  hsl(352 100% 79%)

  OKLCH

  oklch(0.779 0.132 11.8)

  WCAG contrast: on white 2.12:1 (Fail) · on black 9.87:1 (AAA)

• primary

  #C04C78

  #C04C78 color page →

  RGB

  rgb(192 76 120)

  HSL

  hsl(337 48% 53%)

  OKLCH

  oklch(0.582 0.155 359.5)

  WCAG contrast: on white 4.61:1 (AA) · on black 4.54:1 (AA)

• accent

  #7C3470

  #7C3470 color page →

  RGB

  rgb(124 52 112)

  HSL

  hsl(310 41% 35%)

  OKLCH

  oklch(0.446 0.126 334.4)

  WCAG contrast: on white 8.13:1 (AAA) · on black 2.58:1 (Fail)

• text

  #0D1935

  #0D1935 color page →

  RGB

  rgb(13 25 53)

  HSL

  hsl(222 61% 13%)

  OKLCH

  oklch(0.22 0.057 264.7)

  WCAG contrast: on white 17.39:1 (AAA) · on black 1.20:1 (Fail)

Export Pure Fat Smooch Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #ffded7;
  --surface: #ff92a1;
  --primary: #c04c78;
  --accent: #7c3470;
  --text: #0d1935;
}

@theme {
  --color-bg: #ffded7;
  --color-surface: #ff92a1;
  --color-primary: #c04c78;
  --color-accent: #7c3470;
  --color-text: #0d1935;
}

{
  "pure-fat-smooch-forge-41i": {
    "bg": {
      "$type": "color",
      "$value": "#ffded7"
    },
    "surface": {
      "$type": "color",
      "$value": "#ff92a1"
    },
    "primary": {
      "$type": "color",
      "$value": "#c04c78"
    },
    "accent": {
      "$type": "color",
      "$value": "#7c3470"
    },
    "text": {
      "$type": "color",
      "$value": "#0d1935"
    }
  }
}