Steady Emerald City Canvas palette

Colors in Steady Emerald City Canvas: HEX, RGB, HSL & OKLCH

• bg

  #EAEFE8

  #EAEFE8 color page →

  RGB

  rgb(234 239 232)

  HSL

  hsl(103 18% 92%)

  OKLCH

  oklch(0.946 0.011 136.6)

  WCAG contrast: on white 1.16:1 (Fail) · on black 18.01:1 (AAA)

• surface

  #6E8058

  #6E8058 color page →

  RGB

  rgb(110 128 88)

  HSL

  hsl(87 19% 42%)

  OKLCH

  oklch(0.574 0.062 127.9)

  WCAG contrast: on white 4.29:1 (Fail) · on black 4.89:1 (AA)

• primary

  #72647A

  #72647A color page →

  RGB

  rgb(114 100 122)

  HSL

  hsl(278 10% 44%)

  OKLCH

  oklch(0.524 0.038 313.3)

  WCAG contrast: on white 5.49:1 (AA) · on black 3.81:1 (Fail)

• accent

  #2E312C

  #2E312C color page →

  RGB

  rgb(46 49 44)

  HSL

  hsl(96 5% 18%)

  OKLCH

  oklch(0.308 0.01 132.6)

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

• text

  #0C0E0B

  #0C0E0B color page →

  RGB

  rgb(12 14 11)

  HSL

  hsl(100 12% 5%)

  OKLCH

  oklch(0.16 0.007 135)

  WCAG contrast: on white 19.38:1 (AAA) · on black 1.08:1 (Fail)

Export Steady Emerald City Canvas: CSS variables, Tailwind & JSON

:root {
  --bg: #eaefe8;
  --surface: #6e8058;
  --primary: #72647a;
  --accent: #2e312c;
  --text: #0c0e0b;
}

@theme {
  --color-bg: #eaefe8;
  --color-surface: #6e8058;
  --color-primary: #72647a;
  --color-accent: #2e312c;
  --color-text: #0c0e0b;
}

{
  "steady-emerald-city-canvas-2jc": {
    "bg": {
      "$type": "color",
      "$value": "#eaefe8"
    },
    "surface": {
      "$type": "color",
      "$value": "#6e8058"
    },
    "primary": {
      "$type": "color",
      "$value": "#72647a"
    },
    "accent": {
      "$type": "color",
      "$value": "#2e312c"
    },
    "text": {
      "$type": "color",
      "$value": "#0c0e0b"
    }
  }
}