Steady Verdant Leaf Vault palette

Colors in Steady Verdant Leaf Vault: HEX, RGB, HSL & OKLCH

• bg

  #0A0C04

  #0A0C04 color page →

  RGB

  rgb(10 12 4)

  HSL

  hsl(75 50% 3%)

  OKLCH

  oklch(0.149 0.019 118.4)

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

• surface

  #343A16

  #343A16 color page →

  RGB

  rgb(52 58 22)

  HSL

  hsl(70 45% 16%)

  OKLCH

  oklch(0.333 0.056 117.4)

  WCAG contrast: on white 11.91:1 (AAA) · on black 1.76:1 (Fail)

• primary

  #7E7B45

  #7E7B45 color page →

  RGB

  rgb(126 123 69)

  HSL

  hsl(57 29% 38%)

  OKLCH

  oklch(0.573 0.075 105.7)

  WCAG contrast: on white 4.36:1 (Fail) · on black 4.80:1 (AA)

• accent

  #AEB187

  #AEB187 color page →

  RGB

  rgb(174 177 135)

  HSL

  hsl(64 21% 61%)

  OKLCH

  oklch(0.747 0.058 111.1)

  WCAG contrast: on white 2.22:1 (Fail) · on black 9.43:1 (AAA)

• text

  #F7F7F1

  #F7F7F1 color page →

  RGB

  rgb(247 247 241)

  HSL

  hsl(60 27% 96%)

  OKLCH

  oklch(0.974 0.008 106.5)

  WCAG contrast: on white 1.07:1 (Fail) · on black 19.52:1 (AAA)

Export Steady Verdant Leaf Vault: CSS variables, Tailwind & JSON

:root {
  --bg: #0a0c04;
  --surface: #343a16;
  --primary: #7e7b45;
  --accent: #aeb187;
  --text: #f7f7f1;
}

@theme {
  --color-bg: #0a0c04;
  --color-surface: #343a16;
  --color-primary: #7e7b45;
  --color-accent: #aeb187;
  --color-text: #f7f7f1;
}

{
  "steady-verdant-leaf-vault-gi": {
    "bg": {
      "$type": "color",
      "$value": "#0a0c04"
    },
    "surface": {
      "$type": "color",
      "$value": "#343a16"
    },
    "primary": {
      "$type": "color",
      "$value": "#7e7b45"
    },
    "accent": {
      "$type": "color",
      "$value": "#aeb187"
    },
    "text": {
      "$type": "color",
      "$value": "#f7f7f1"
    }
  }
}