Pure Frog Pond Bloom palette

Colors in Pure Frog Pond Bloom: HEX, RGB, HSL & OKLCH

• bg

  #DCE2DE

  #DCE2DE color page →

  RGB

  rgb(220 226 222)

  HSL

  hsl(140 9% 87%)

  OKLCH

  oklch(0.907 0.008 157.1)

  WCAG contrast: on white 1.31:1 (Fail) · on black 15.97:1 (AAA)

• surface

  #68B37A

  #68B37A color page →

  RGB

  rgb(104 179 122)

  HSL

  hsl(134 33% 55%)

  OKLCH

  oklch(0.703 0.112 150.4)

  WCAG contrast: on white 2.52:1 (Fail) · on black 8.31:1 (AAA)

• accent

  #256532

  #256532 color page →

  RGB

  rgb(37 101 50)

  HSL

  hsl(132 46% 27%)

  OKLCH

  oklch(0.452 0.104 147.7)

  WCAG contrast: on white 7.03:1 (AAA) · on black 2.98:1 (Fail)

• text

  #081609

  #081609 color page →

  RGB

  rgb(8 22 9)

  HSL

  hsl(124 47% 6%)

  OKLCH

  oklch(0.183 0.033 145.8)

  WCAG contrast: on white 18.59:1 (AAA) · on black 1.12:1 (Fail)

Export Pure Frog Pond Bloom: CSS variables, Tailwind & JSON

:root {
  --bg: #dce2de;
  --surface: #68b37a;
  --accent: #256532;
  --text: #081609;
}

@theme {
  --color-bg: #dce2de;
  --color-surface: #68b37a;
  --color-accent: #256532;
  --color-text: #081609;
}

{
  "pure-frog-pond-bloom-n9": {
    "bg": {
      "$type": "color",
      "$value": "#dce2de"
    },
    "surface": {
      "$type": "color",
      "$value": "#68b37a"
    },
    "accent": {
      "$type": "color",
      "$value": "#256532"
    },
    "text": {
      "$type": "color",
      "$value": "#081609"
    }
  }
}