Mint Terminal palette

Colors in Mint Terminal: HEX, RGB, HSL & OKLCH

• bg

  #0D1B16

  #0D1B16 color page →

  RGB

  rgb(13 27 22)

  HSL

  hsl(159 35% 8%)

  OKLCH

  oklch(0.207 0.022 169.5)

  WCAG contrast: on white 17.71:1 (AAA) · on black 1.18:1 (Fail)

• panel

  #134E3A

  #134E3A color page →

  RGB

  rgb(19 78 58)

  HSL

  hsl(160 61% 19%)

  OKLCH

  oklch(0.381 0.069 166.1)

  WCAG contrast: on white 9.63:1 (AAA) · on black 2.17:1 (Fail)

• mint

  #34D399

  #34D399 color page →

  RGB

  rgb(52 211 153)

  HSL

  hsl(158 64% 52%)

  OKLCH

  oklch(0.773 0.153 163.2)

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

• glow

  #A7F3D0

  #A7F3D0 color page →

  RGB

  rgb(167 243 208)

  HSL

  hsl(152 76% 80%)

  OKLCH

  oklch(0.905 0.089 164.2)

  WCAG contrast: on white 1.28:1 (Fail) · on black 16.37:1 (AAA)

• text

  #ECFDF5

  #ECFDF5 color page →

  RGB

  rgb(236 253 245)

  HSL

  hsl(152 81% 96%)

  OKLCH

  oklch(0.979 0.021 166.1)

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

Export Mint Terminal: CSS variables, Tailwind & JSON

:root {
  --bg: #0d1b16;
  --panel: #134e3a;
  --mint: #34d399;
  --glow: #a7f3d0;
  --text: #ecfdf5;
}

@theme {
  --color-bg: #0d1b16;
  --color-panel: #134e3a;
  --color-mint: #34d399;
  --color-glow: #a7f3d0;
  --color-text: #ecfdf5;
}

{
  "mint-terminal": {
    "bg": {
      "$type": "color",
      "$value": "#0d1b16"
    },
    "panel": {
      "$type": "color",
      "$value": "#134e3a"
    },
    "mint": {
      "$type": "color",
      "$value": "#34d399"
    },
    "glow": {
      "$type": "color",
      "$value": "#a7f3d0"
    },
    "text": {
      "$type": "color",
      "$value": "#ecfdf5"
    }
  }
}