Steady Bucolic Archive palette

Colors in Steady Bucolic Archive: HEX, RGB, HSL & OKLCH

• bg

  #E5ECE4

  #E5ECE4 color page →

  RGB

  rgb(229 236 228)

  HSL

  hsl(113 17% 91%)

  OKLCH

  oklch(0.936 0.013 141.8)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.45:1 (AAA)

• surface

  #8AA875

  #8AA875 color page →

  RGB

  rgb(138 168 117)

  HSL

  hsl(95 23% 56%)

  OKLCH

  oklch(0.696 0.079 132.9)

  WCAG contrast: on white 2.64:1 (Fail) · on black 7.93:1 (AAA)

• primary

  #2F6A32

  #2F6A32 color page →

  RGB

  rgb(47 106 50)

  HSL

  hsl(123 39% 30%)

  OKLCH

  oklch(0.47 0.107 144.6)

  WCAG contrast: on white 6.50:1 (AA) · on black 3.22:1 (Fail)

• accent

  #044023

  #044023 color page →

  RGB

  rgb(4 64 35)

  HSL

  hsl(151 88% 13%)

  OKLCH

  oklch(0.328 0.077 155.6)

  WCAG contrast: on white 11.91:1 (AAA) · on black 1.76:1 (Fail)

• text

  #051107

  #051107 color page →

  RGB

  rgb(5 17 7)

  HSL

  hsl(130 55% 4%)

  OKLCH

  oklch(0.162 0.029 149.1)

  WCAG contrast: on white 19.27:1 (AAA) · on black 1.08:1 (Fail)

Export Steady Bucolic Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #e5ece4;
  --surface: #8aa875;
  --primary: #2f6a32;
  --accent: #044023;
  --text: #051107;
}

@theme {
  --color-bg: #e5ece4;
  --color-surface: #8aa875;
  --color-primary: #2f6a32;
  --color-accent: #044023;
  --color-text: #051107;
}

{
  "steady-bucolic-archive-2a4": {
    "bg": {
      "$type": "color",
      "$value": "#e5ece4"
    },
    "surface": {
      "$type": "color",
      "$value": "#8aa875"
    },
    "primary": {
      "$type": "color",
      "$value": "#2f6a32"
    },
    "accent": {
      "$type": "color",
      "$value": "#044023"
    },
    "text": {
      "$type": "color",
      "$value": "#051107"
    }
  }
}