Classic Cedar Chest Drift palette

Colors in Classic Cedar Chest Drift: HEX, RGB, HSL & OKLCH

• bg

  #F4E0D3

  #F4E0D3 color page →

  RGB

  rgb(244 224 211)

  HSL

  hsl(24 60% 89%)

  OKLCH

  oklch(0.919 0.028 55.3)

  WCAG contrast: on white 1.27:1 (Fail) · on black 16.44:1 (AAA)

• surface

  #FB9A7E

  #FB9A7E color page →

  RGB

  rgb(251 154 126)

  HSL

  hsl(13 94% 74%)

  OKLCH

  oklch(0.78 0.123 36.9)

  WCAG contrast: on white 2.09:1 (Fail) · on black 10.02:1 (AAA)

• primary

  #C75D49

  #C75D49 color page →

  RGB

  rgb(199 93 73)

  HSL

  hsl(10 53% 53%)

  OKLCH

  oklch(0.605 0.14 32.3)

  WCAG contrast: on white 4.12:1 (Fail) · on black 5.09:1 (AA)

• accent

  #8D3451

  #8D3451 color page →

  RGB

  rgb(141 52 81)

  HSL

  hsl(340 46% 38%)

  OKLCH

  oklch(0.459 0.124 3.1)

  WCAG contrast: on white 7.65:1 (AAA) · on black 2.74:1 (Fail)

• text

  #160C2F

  #160C2F color page →

  RGB

  rgb(22 12 47)

  HSL

  hsl(257 59% 12%)

  OKLCH

  oklch(0.192 0.067 292.1)

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

Export Classic Cedar Chest Drift: CSS variables, Tailwind & JSON

:root {
  --bg: #f4e0d3;
  --surface: #fb9a7e;
  --primary: #c75d49;
  --accent: #8d3451;
  --text: #160c2f;
}

@theme {
  --color-bg: #f4e0d3;
  --color-surface: #fb9a7e;
  --color-primary: #c75d49;
  --color-accent: #8d3451;
  --color-text: #160c2f;
}

{
  "classic-cedar-chest-drift-5ka": {
    "bg": {
      "$type": "color",
      "$value": "#f4e0d3"
    },
    "surface": {
      "$type": "color",
      "$value": "#fb9a7e"
    },
    "primary": {
      "$type": "color",
      "$value": "#c75d49"
    },
    "accent": {
      "$type": "color",
      "$value": "#8d3451"
    },
    "text": {
      "$type": "color",
      "$value": "#160c2f"
    }
  }
}