Steady Exotic Escape Drift palette

Colors in Steady Exotic Escape Drift: HEX, RGB, HSL & OKLCH

• bg

  #E2F6EE

  #E2F6EE color page →

  RGB

  rgb(226 246 238)

  HSL

  hsl(156 53% 93%)

  OKLCH

  oklch(0.956 0.024 169.9)

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

• surface

  #B7E7D1

  #B7E7D1 color page →

  RGB

  rgb(183 231 209)

  HSL

  hsl(153 50% 81%)

  OKLCH

  oklch(0.888 0.058 165.4)

  WCAG contrast: on white 1.36:1 (Fail) · on black 15.36:1 (AAA)

• primary

  #9AD8D9

  #9AD8D9 color page →

  RGB

  rgb(154 216 217)

  HSL

  hsl(181 45% 73%)

  OKLCH

  oklch(0.841 0.063 197.3)

  WCAG contrast: on white 1.59:1 (Fail) · on black 13.19:1 (AAA)

• accent

  #B3CAA9

  #B3CAA9 color page →

  RGB

  rgb(179 202 169)

  HSL

  hsl(102 24% 73%)

  OKLCH

  oklch(0.813 0.052 136.2)

  WCAG contrast: on white 1.75:1 (Fail) · on black 11.93:1 (AAA)

• text

  #24372E

  #24372E color page →

  RGB

  rgb(36 55 46)

  HSL

  hsl(152 21% 18%)

  OKLCH

  oklch(0.317 0.029 163.7)

  WCAG contrast: on white 12.64:1 (AAA) · on black 1.66:1 (Fail)

Export Steady Exotic Escape Drift: CSS variables, Tailwind & JSON

:root {
  --bg: #e2f6ee;
  --surface: #b7e7d1;
  --primary: #9ad8d9;
  --accent: #b3caa9;
  --text: #24372e;
}

@theme {
  --color-bg: #e2f6ee;
  --color-surface: #b7e7d1;
  --color-primary: #9ad8d9;
  --color-accent: #b3caa9;
  --color-text: #24372e;
}

{
  "steady-exotic-escape-drift-3yq": {
    "bg": {
      "$type": "color",
      "$value": "#e2f6ee"
    },
    "surface": {
      "$type": "color",
      "$value": "#b7e7d1"
    },
    "primary": {
      "$type": "color",
      "$value": "#9ad8d9"
    },
    "accent": {
      "$type": "color",
      "$value": "#b3caa9"
    },
    "text": {
      "$type": "color",
      "$value": "#24372e"
    }
  }
}