Steady Botanical Meadow palette

Colors in Steady Botanical Meadow: HEX, RGB, HSL & OKLCH

• bg

  #EEF6EA

  #EEF6EA color page →

  RGB

  rgb(238 246 234)

  HSL

  hsl(100 40% 94%)

  OKLCH

  oklch(0.964 0.018 134.9)

  WCAG contrast: on white 1.10:1 (Fail) · on black 19.00:1 (AAA)

• surface

  #8CAC72

  #8CAC72 color page →

  RGB

  rgb(140 172 114)

  HSL

  hsl(93 26% 56%)

  OKLCH

  oklch(0.706 0.088 131.8)

  WCAG contrast: on white 2.54:1 (Fail) · on black 8.25:1 (AAA)

• primary

  #426F30

  #426F30 color page →

  RGB

  rgb(66 111 48)

  HSL

  hsl(103 40% 31%)

  OKLCH

  oklch(0.494 0.106 137.6)

  WCAG contrast: on white 5.91:1 (AA) · on black 3.54:1 (Fail)

• accent

  #053F1D

  #053F1D color page →

  RGB

  rgb(5 63 29)

  HSL

  hsl(145 85% 13%)

  OKLCH

  oklch(0.323 0.082 151.6)

  WCAG contrast: on white 12.10:1 (AAA) · on black 1.73:1 (Fail)

• text

  #091207

  #091207 color page →

  RGB

  rgb(9 18 7)

  HSL

  hsl(109 44% 5%)

  OKLCH

  oklch(0.169 0.027 139.4)

  WCAG contrast: on white 19.07:1 (AAA) · on black 1.10:1 (Fail)

Export Steady Botanical Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #eef6ea;
  --surface: #8cac72;
  --primary: #426f30;
  --accent: #053f1d;
  --text: #091207;
}

@theme {
  --color-bg: #eef6ea;
  --color-surface: #8cac72;
  --color-primary: #426f30;
  --color-accent: #053f1d;
  --color-text: #091207;
}

{
  "steady-botanical-meadow-68n": {
    "bg": {
      "$type": "color",
      "$value": "#eef6ea"
    },
    "surface": {
      "$type": "color",
      "$value": "#8cac72"
    },
    "primary": {
      "$type": "color",
      "$value": "#426f30"
    },
    "accent": {
      "$type": "color",
      "$value": "#053f1d"
    },
    "text": {
      "$type": "color",
      "$value": "#091207"
    }
  }
}