True Broccoli Paradise Fog palette

Colors in True Broccoli Paradise Fog: HEX, RGB, HSL & OKLCH

• bg

  #030C03

  #030C03 color page →

  RGB

  rgb(3 12 3)

  HSL

  hsl(120 60% 3%)

  OKLCH

  oklch(0.139 0.029 143.8)

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

• surface

  #0C2111

  #0C2111 color page →

  RGB

  rgb(12 33 17)

  HSL

  hsl(134 47% 9%)

  OKLCH

  oklch(0.225 0.041 149.8)

  WCAG contrast: on white 16.91:1 (AAA) · on black 1.24:1 (Fail)

• primary

  #008F3C

  #008F3C color page →

  RGB

  rgb(0 143 60)

  HSL

  hsl(145 100% 28%)

  OKLCH

  oklch(0.568 0.16 149)

  WCAG contrast: on white 4.20:1 (Fail) · on black 4.99:1 (AA)

• accent

  #78ADA3

  #78ADA3 color page →

  RGB

  rgb(120 173 163)

  HSL

  hsl(169 24% 57%)

  OKLCH

  oklch(0.708 0.058 181.5)

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

• text

  #EAF1E9

  #EAF1E9 color page →

  RGB

  rgb(234 241 233)

  HSL

  hsl(113 22% 93%)

  OKLCH

  oklch(0.951 0.013 141.8)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)

Export True Broccoli Paradise Fog: CSS variables, Tailwind & JSON

:root {
  --bg: #030c03;
  --surface: #0c2111;
  --primary: #008f3c;
  --accent: #78ada3;
  --text: #eaf1e9;
}

@theme {
  --color-bg: #030c03;
  --color-surface: #0c2111;
  --color-primary: #008f3c;
  --color-accent: #78ada3;
  --color-text: #eaf1e9;
}

{
  "true-broccoli-paradise-fog-wa": {
    "bg": {
      "$type": "color",
      "$value": "#030c03"
    },
    "surface": {
      "$type": "color",
      "$value": "#0c2111"
    },
    "primary": {
      "$type": "color",
      "$value": "#008f3c"
    },
    "accent": {
      "$type": "color",
      "$value": "#78ada3"
    },
    "text": {
      "$type": "color",
      "$value": "#eaf1e9"
    }
  }
}