Steady Forest Empress Bloom palette

Colors in Steady Forest Empress Bloom: HEX, RGB, HSL & OKLCH

• bg

  #E8EDE5

  #E8EDE5 color page →

  RGB

  rgb(232 237 229)

  HSL

  hsl(98 18% 91%)

  OKLCH

  oklch(0.94 0.012 133.4)

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

• surface

  #95A362

  #95A362 color page →

  RGB

  rgb(149 163 98)

  HSL

  hsl(73 26% 51%)

  OKLCH

  oklch(0.689 0.09 118.7)

  WCAG contrast: on white 2.72:1 (Fail) · on black 7.69:1 (AAA)

• primary

  #456B16

  #456B16 color page →

  RGB

  rgb(69 107 22)

  HSL

  hsl(87 66% 25%)

  OKLCH

  oklch(0.482 0.119 131.1)

  WCAG contrast: on white 6.23:1 (AA) · on black 3.36:1 (Fail)

• accent

  #154113

  #154113 color page →

  RGB

  rgb(21 65 19)

  HSL

  hsl(117 55% 16%)

  OKLCH

  oklch(0.333 0.088 142.6)

  WCAG contrast: on white 11.68:1 (AAA) · on black 1.79:1 (Fail)

• text

  #0D1502

  #0D1502 color page →

  RGB

  rgb(13 21 2)

  HSL

  hsl(85 83% 5%)

  OKLCH

  oklch(0.181 0.041 127)

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

Export Steady Forest Empress Bloom: CSS variables, Tailwind & JSON

:root {
  --bg: #e8ede5;
  --surface: #95a362;
  --primary: #456b16;
  --accent: #154113;
  --text: #0d1502;
}

@theme {
  --color-bg: #e8ede5;
  --color-surface: #95a362;
  --color-primary: #456b16;
  --color-accent: #154113;
  --color-text: #0d1502;
}

{
  "steady-forest-empress-bloom-6p": {
    "bg": {
      "$type": "color",
      "$value": "#e8ede5"
    },
    "surface": {
      "$type": "color",
      "$value": "#95a362"
    },
    "primary": {
      "$type": "color",
      "$value": "#456b16"
    },
    "accent": {
      "$type": "color",
      "$value": "#154113"
    },
    "text": {
      "$type": "color",
      "$value": "#0d1502"
    }
  }
}