Steady Buttered Ledger palette

Colors in Steady Buttered Ledger: HEX, RGB, HSL & OKLCH

• bg

  #FDF9E5

  #FDF9E5 color page →

  RGB

  rgb(253 249 229)

  HSL

  hsl(50 86% 95%)

  OKLCH

  oklch(0.98 0.027 97.6)

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

• surface

  #E9DEB0

  #E9DEB0 color page →

  RGB

  rgb(233 222 176)

  HSL

  hsl(48 56% 80%)

  OKLCH

  oklch(0.898 0.061 96.2)

  WCAG contrast: on white 1.35:1 (Fail) · on black 15.54:1 (AAA)

• primary

  #B5D1AA

  #B5D1AA color page →

  RGB

  rgb(181 209 170)

  HSL

  hsl(103 30% 74%)

  OKLCH

  oklch(0.83 0.061 136.9)

  WCAG contrast: on white 1.65:1 (Fail) · on black 12.66:1 (AAA)

• accent

  #D5B79C

  #D5B79C color page →

  RGB

  rgb(213 183 156)

  HSL

  hsl(28 40% 72%)

  OKLCH

  oklch(0.798 0.051 64)

  WCAG contrast: on white 1.89:1 (Fail) · on black 11.08:1 (AAA)

• text

  #332D1A

  #332D1A color page →

  RGB

  rgb(51 45 26)

  HSL

  hsl(46 32% 15%)

  OKLCH

  oklch(0.298 0.033 92.6)

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

Export Steady Buttered Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #fdf9e5;
  --surface: #e9deb0;
  --primary: #b5d1aa;
  --accent: #d5b79c;
  --text: #332d1a;
}

@theme {
  --color-bg: #fdf9e5;
  --color-surface: #e9deb0;
  --color-primary: #b5d1aa;
  --color-accent: #d5b79c;
  --color-text: #332d1a;
}

{
  "steady-buttered-ledger-54m": {
    "bg": {
      "$type": "color",
      "$value": "#fdf9e5"
    },
    "surface": {
      "$type": "color",
      "$value": "#e9deb0"
    },
    "primary": {
      "$type": "color",
      "$value": "#b5d1aa"
    },
    "accent": {
      "$type": "color",
      "$value": "#d5b79c"
    },
    "text": {
      "$type": "color",
      "$value": "#332d1a"
    }
  }
}