Pure Succulents Ribbon palette

Colors in Pure Succulents Ribbon: HEX, RGB, HSL & OKLCH

• bg

  #DFE5E1

  #DFE5E1 color page →

  RGB

  rgb(223 229 225)

  HSL

  hsl(140 10% 89%)

  OKLCH

  oklch(0.916 0.008 157.1)

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

• surface

  #7BB282

  #7BB282 color page →

  RGB

  rgb(123 178 130)

  HSL

  hsl(128 26% 59%)

  OKLCH

  oklch(0.712 0.09 147.8)

  WCAG contrast: on white 2.46:1 (Fail) · on black 8.53:1 (AAA)

• primary

  #2C7342

  #2C7342 color page →

  RGB

  rgb(44 115 66)

  HSL

  hsl(139 45% 31%)

  OKLCH

  oklch(0.497 0.105 150.9)

  WCAG contrast: on white 5.77:1 (AA) · on black 3.63:1 (Fail)

• accent

  #00412B

  #00412B color page →

  RGB

  rgb(0 65 43)

  HSL

  hsl(160 100% 13%)

  OKLCH

  oklch(0.332 0.072 163)

  WCAG contrast: on white 11.72:1 (AAA) · on black 1.79:1 (Fail)

• text

  #07130B

  #07130B color page →

  RGB

  rgb(7 19 11)

  HSL

  hsl(140 46% 5%)

  OKLCH

  oklch(0.172 0.024 154.5)

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

Export Pure Succulents Ribbon: CSS variables, Tailwind & JSON

:root {
  --bg: #dfe5e1;
  --surface: #7bb282;
  --primary: #2c7342;
  --accent: #00412b;
  --text: #07130b;
}

@theme {
  --color-bg: #dfe5e1;
  --color-surface: #7bb282;
  --color-primary: #2c7342;
  --color-accent: #00412b;
  --color-text: #07130b;
}

{
  "pure-succulents-ribbon-7fm": {
    "bg": {
      "$type": "color",
      "$value": "#dfe5e1"
    },
    "surface": {
      "$type": "color",
      "$value": "#7bb282"
    },
    "primary": {
      "$type": "color",
      "$value": "#2c7342"
    },
    "accent": {
      "$type": "color",
      "$value": "#00412b"
    },
    "text": {
      "$type": "color",
      "$value": "#07130b"
    }
  }
}