Classic Chai Tea Atelier palette

Colors in Classic Chai Tea Atelier: HEX, RGB, HSL & OKLCH

• bg

  #E9E3DB

  #E9E3DB color page →

  RGB

  rgb(233 227 219)

  HSL

  hsl(34 24% 89%)

  OKLCH

  oklch(0.918 0.013 75.4)

  WCAG contrast: on white 1.27:1 (Fail) · on black 16.47:1 (AAA)

• surface

  #BBA581

  #BBA581 color page →

  RGB

  rgb(187 165 129)

  HSL

  hsl(37 30% 62%)

  OKLCH

  oklch(0.732 0.056 79.9)

  WCAG contrast: on white 2.38:1 (Fail) · on black 8.81:1 (AAA)

• primary

  #A6772A

  #A6772A color page →

  RGB

  rgb(166 119 42)

  HSL

  hsl(37 60% 41%)

  OKLCH

  oklch(0.603 0.109 75.9)

  WCAG contrast: on white 3.96:1 (Fail) · on black 5.29:1 (AA)

• accent

  #6D4D21

  #6D4D21 color page →

  RGB

  rgb(109 77 33)

  HSL

  hsl(35 54% 28%)

  OKLCH

  oklch(0.446 0.074 72.5)

  WCAG contrast: on white 7.68:1 (AAA) · on black 2.73:1 (Fail)

• text

  #2A2112

  #2A2112 color page →

  RGB

  rgb(42 33 18)

  HSL

  hsl(38 40% 12%)

  OKLCH

  oklch(0.254 0.029 79.6)

  WCAG contrast: on white 15.85:1 (AAA) · on black 1.32:1 (Fail)

Export Classic Chai Tea Atelier: CSS variables, Tailwind & JSON

:root {
  --bg: #e9e3db;
  --surface: #bba581;
  --primary: #a6772a;
  --accent: #6d4d21;
  --text: #2a2112;
}

@theme {
  --color-bg: #e9e3db;
  --color-surface: #bba581;
  --color-primary: #a6772a;
  --color-accent: #6d4d21;
  --color-text: #2a2112;
}

{
  "classic-chai-tea-atelier-1t7": {
    "bg": {
      "$type": "color",
      "$value": "#e9e3db"
    },
    "surface": {
      "$type": "color",
      "$value": "#bba581"
    },
    "primary": {
      "$type": "color",
      "$value": "#a6772a"
    },
    "accent": {
      "$type": "color",
      "$value": "#6d4d21"
    },
    "text": {
      "$type": "color",
      "$value": "#2a2112"
    }
  }
}