Linen Atelier palette

Colors in Linen Atelier: HEX, RGB, HSL & OKLCH

• bg

  #FAF7F2

  #FAF7F2 color page →

  RGB

  rgb(250 247 242)

  HSL

  hsl(38 44% 96%)

  OKLCH

  oklch(0.977 0.007 80.7)

  WCAG contrast: on white 1.06:1 (Fail) · on black 19.65:1 (AAA)

• linen

  #E8DFD4

  #E8DFD4 color page →

  RGB

  rgb(232 223 212)

  HSL

  hsl(33 30% 87%)

  OKLCH

  oklch(0.908 0.018 73.1)

  WCAG contrast: on white 1.31:1 (Fail) · on black 15.93:1 (AAA)

• clay

  #B08968

  #B08968 color page →

  RGB

  rgb(176 137 104)

  HSL

  hsl(27 31% 55%)

  OKLCH

  oklch(0.659 0.066 61.5)

  WCAG contrast: on white 3.17:1 (Fail) · on black 6.62:1 (AA)

• umber

  #7F5539

  #7F5539 color page →

  RGB

  rgb(127 85 57)

  HSL

  hsl(24 38% 36%)

  OKLCH

  oklch(0.489 0.07 54.1)

  WCAG contrast: on white 6.43:1 (AA) · on black 3.26:1 (Fail)

• ink

  #2C2118

  #2C2118 color page →

  RGB

  rgb(44 33 24)

  HSL

  hsl(27 29% 13%)

  OKLCH

  oklch(0.258 0.023 60.8)

  WCAG contrast: on white 15.69:1 (AAA) · on black 1.33:1 (Fail)

Export Linen Atelier: CSS variables, Tailwind & JSON

:root {
  --bg: #faf7f2;
  --linen: #e8dfd4;
  --clay: #b08968;
  --umber: #7f5539;
  --ink: #2c2118;
}

@theme {
  --color-bg: #faf7f2;
  --color-linen: #e8dfd4;
  --color-clay: #b08968;
  --color-umber: #7f5539;
  --color-ink: #2c2118;
}

{
  "linen-atelier": {
    "bg": {
      "$type": "color",
      "$value": "#faf7f2"
    },
    "linen": {
      "$type": "color",
      "$value": "#e8dfd4"
    },
    "clay": {
      "$type": "color",
      "$value": "#b08968"
    },
    "umber": {
      "$type": "color",
      "$value": "#7f5539"
    },
    "ink": {
      "$type": "color",
      "$value": "#2c2118"
    }
  }
}