Mystery Mint Garden palette

Colors in Mystery Mint Garden: HEX, RGB, HSL & OKLCH

• bg

  #EAFDF1

  #EAFDF1 color page →

  RGB

  rgb(234 253 241)

  HSL

  hsl(142 83% 95%)

  OKLCH

  oklch(0.977 0.025 158.2)

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

• surface

  #BBEDD0

  #BBEDD0 color page →

  RGB

  rgb(187 237 208)

  HSL

  hsl(145 58% 83%)

  OKLCH

  oklch(0.903 0.065 159.3)

  WCAG contrast: on white 1.30:1 (Fail) · on black 16.13:1 (AAA)

• primary

  #9AD6CF

  #9AD6CF color page →

  RGB

  rgb(154 214 207)

  HSL

  hsl(173 42% 72%)

  OKLCH

  oklch(0.833 0.062 187)

  WCAG contrast: on white 1.62:1 (Fail) · on black 12.89:1 (AAA)

• accent

  #B5C69F

  #B5C69F color page →

  RGB

  rgb(181 198 159)

  HSL

  hsl(86 25% 70%)

  OKLCH

  oklch(0.803 0.056 126.8)

  WCAG contrast: on white 1.81:1 (Fail) · on black 11.54:1 (AAA)

• text

  #1D392D

  #1D392D color page →

  RGB

  rgb(29 57 45)

  HSL

  hsl(154 33% 17%)

  OKLCH

  oklch(0.318 0.041 164.6)

  WCAG contrast: on white 12.53:1 (AAA) · on black 1.67:1 (Fail)

Export Mystery Mint Garden: CSS variables, Tailwind & JSON

:root {
  --bg: #eafdf1;
  --surface: #bbedd0;
  --primary: #9ad6cf;
  --accent: #b5c69f;
  --text: #1d392d;
}

@theme {
  --color-bg: #eafdf1;
  --color-surface: #bbedd0;
  --color-primary: #9ad6cf;
  --color-accent: #b5c69f;
  --color-text: #1d392d;
}

{
  "mystery-mint-garden-53t": {
    "bg": {
      "$type": "color",
      "$value": "#eafdf1"
    },
    "surface": {
      "$type": "color",
      "$value": "#bbedd0"
    },
    "primary": {
      "$type": "color",
      "$value": "#9ad6cf"
    },
    "accent": {
      "$type": "color",
      "$value": "#b5c69f"
    },
    "text": {
      "$type": "color",
      "$value": "#1d392d"
    }
  }
}