Steady Quiet Jade Forge palette

Colors in Steady Quiet Jade Forge: HEX, RGB, HSL & OKLCH

• bg

  #F7F9F6

  #F7F9F6 color page →

  RGB

  rgb(247 249 246)

  HSL

  hsl(100 20% 97%)

  OKLCH

  oklch(0.98 0.004 134.8)

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

• surface

  #CCE4BA

  #CCE4BA color page →

  RGB

  rgb(204 228 186)

  HSL

  hsl(94 44% 81%)

  OKLCH

  oklch(0.89 0.062 131.9)

  WCAG contrast: on white 1.36:1 (Fail) · on black 15.37:1 (AAA)

• primary

  #A3DDBF

  #A3DDBF color page →

  RGB

  rgb(163 221 191)

  HSL

  hsl(149 46% 75%)

  OKLCH

  oklch(0.849 0.073 161.8)

  WCAG contrast: on white 1.53:1 (Fail) · on black 13.65:1 (AAA)

• accent

  #BABF9A

  #BABF9A color page →

  RGB

  rgb(186 191 154)

  HSL

  hsl(68 22% 68%)

  OKLCH

  oklch(0.791 0.051 113.8)

  WCAG contrast: on white 1.90:1 (Fail) · on black 11.00:1 (AAA)

• text

  #2B3B27

  #2B3B27 color page →

  RGB

  rgb(43 59 39)

  HSL

  hsl(108 20% 19%)

  OKLCH

  oklch(0.332 0.04 139.4)

  WCAG contrast: on white 11.94:1 (AAA) · on black 1.75:1 (Fail)

Export Steady Quiet Jade Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #f7f9f6;
  --surface: #cce4ba;
  --primary: #a3ddbf;
  --accent: #babf9a;
  --text: #2b3b27;
}

@theme {
  --color-bg: #f7f9f6;
  --color-surface: #cce4ba;
  --color-primary: #a3ddbf;
  --color-accent: #babf9a;
  --color-text: #2b3b27;
}

{
  "steady-quiet-jade-forge-4g2": {
    "bg": {
      "$type": "color",
      "$value": "#f7f9f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#cce4ba"
    },
    "primary": {
      "$type": "color",
      "$value": "#a3ddbf"
    },
    "accent": {
      "$type": "color",
      "$value": "#babf9a"
    },
    "text": {
      "$type": "color",
      "$value": "#2b3b27"
    }
  }
}