Pure Monster Monstera Ember palette

Colors in Pure Monster Monstera Ember: HEX, RGB, HSL & OKLCH

• bg

  #EBFAEF

  #EBFAEF color page →

  RGB

  rgb(235 250 239)

  HSL

  hsl(136 60% 95%)

  OKLCH

  oklch(0.971 0.021 154.1)

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

• surface

  #8BC49A

  #8BC49A color page →

  RGB

  rgb(139 196 154)

  HSL

  hsl(136 33% 66%)

  OKLCH

  oklch(0.769 0.084 152.3)

  WCAG contrast: on white 2.00:1 (Fail) · on black 10.46:1 (AAA)

• primary

  #478759

  #478759 color page →

  RGB

  rgb(71 135 89)

  HSL

  hsl(137 31% 40%)

  OKLCH

  oklch(0.568 0.097 151.3)

  WCAG contrast: on white 4.30:1 (Fail) · on black 4.87:1 (AA)

• accent

  #0B4B28

  #0B4B28 color page →

  RGB

  rgb(11 75 40)

  HSL

  hsl(147 74% 17%)

  OKLCH

  oklch(0.365 0.086 153.6)

  WCAG contrast: on white 10.23:1 (AAA) · on black 2.05:1 (Fail)

• text

  #061007

  #061007 color page →

  RGB

  rgb(6 16 7)

  HSL

  hsl(126 45% 4%)

  OKLCH

  oklch(0.159 0.025 147.2)

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

Export Pure Monster Monstera Ember: CSS variables, Tailwind & JSON

:root {
  --bg: #ebfaef;
  --surface: #8bc49a;
  --primary: #478759;
  --accent: #0b4b28;
  --text: #061007;
}

@theme {
  --color-bg: #ebfaef;
  --color-surface: #8bc49a;
  --color-primary: #478759;
  --color-accent: #0b4b28;
  --color-text: #061007;
}

{
  "pure-monster-monstera-ember-2fo": {
    "bg": {
      "$type": "color",
      "$value": "#ebfaef"
    },
    "surface": {
      "$type": "color",
      "$value": "#8bc49a"
    },
    "primary": {
      "$type": "color",
      "$value": "#478759"
    },
    "accent": {
      "$type": "color",
      "$value": "#0b4b28"
    },
    "text": {
      "$type": "color",
      "$value": "#061007"
    }
  }
}