Paolo Veronese Green Bloom palette

Colors in Paolo Veronese Green Bloom: HEX, RGB, HSL & OKLCH

• bg

  #EAFDF5

  #EAFDF5 color page →

  RGB

  rgb(234 253 245)

  HSL

  hsl(155 83% 95%)

  OKLCH

  oklch(0.978 0.022 168.8)

  WCAG contrast: on white 1.05:1 (Fail) · on black 19.86:1 (AAA)

• surface

  #6FCCAE

  #6FCCAE color page →

  RGB

  rgb(111 204 174)

  HSL

  hsl(161 48% 62%)

  OKLCH

  oklch(0.779 0.1 170.6)

  WCAG contrast: on white 1.92:1 (Fail) · on black 10.92:1 (AAA)

• primary

  #009A78

  #009A78 color page →

  RGB

  rgb(0 154 120)

  HSL

  hsl(167 100% 30%)

  OKLCH

  oklch(0.61 0.121 170)

  WCAG contrast: on white 3.56:1 (Fail) · on black 5.89:1 (AA)

• accent

  #005D3F

  #005D3F color page →

  RGB

  rgb(0 93 63)

  HSL

  hsl(161 100% 18%)

  OKLCH

  oklch(0.423 0.092 162.9)

  WCAG contrast: on white 7.96:1 (AAA) · on black 2.63:1 (Fail)

• text

  #023128

  #023128 color page →

  RGB

  rgb(2 49 40)

  HSL

  hsl(169 92% 10%)

  OKLCH

  oklch(0.281 0.051 176)

  WCAG contrast: on white 14.26:1 (AAA) · on black 1.47:1 (Fail)

Export Paolo Veronese Green Bloom: CSS variables, Tailwind & JSON

:root {
  --bg: #eafdf5;
  --surface: #6fccae;
  --primary: #009a78;
  --accent: #005d3f;
  --text: #023128;
}

@theme {
  --color-bg: #eafdf5;
  --color-surface: #6fccae;
  --color-primary: #009a78;
  --color-accent: #005d3f;
  --color-text: #023128;
}

{
  "paolo-veronese-green-bloom-65m": {
    "bg": {
      "$type": "color",
      "$value": "#eafdf5"
    },
    "surface": {
      "$type": "color",
      "$value": "#6fccae"
    },
    "primary": {
      "$type": "color",
      "$value": "#009a78"
    },
    "accent": {
      "$type": "color",
      "$value": "#005d3f"
    },
    "text": {
      "$type": "color",
      "$value": "#023128"
    }
  }
}