Classic Court-Bouillon Mirror palette

Colors in Classic Court-Bouillon Mirror: HEX, RGB, HSL & OKLCH

• bg

  #F7F5F2

  #F7F5F2 color page →

  RGB

  rgb(247 245 242)

  HSL

  hsl(36 24% 96%)

  OKLCH

  oklch(0.971 0.005 78.3)

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

• surface

  #EDDFBC

  #EDDFBC color page →

  RGB

  rgb(237 223 188)

  HSL

  hsl(43 58% 83%)

  OKLCH

  oklch(0.906 0.049 88.8)

  WCAG contrast: on white 1.32:1 (Fail) · on black 15.88:1 (AAA)

• primary

  #CBD09A

  #CBD09A color page →

  RGB

  rgb(203 208 154)

  HSL

  hsl(66 36% 71%)

  OKLCH

  oklch(0.84 0.072 112.2)

  WCAG contrast: on white 1.61:1 (Fail) · on black 13.02:1 (AAA)

• accent

  #E3AF9A

  #E3AF9A color page →

  RGB

  rgb(227 175 154)

  HSL

  hsl(17 57% 75%)

  OKLCH

  oklch(0.796 0.068 43)

  WCAG contrast: on white 1.93:1 (Fail) · on black 10.86:1 (AAA)

• text

  #332C1E

  #332C1E color page →

  RGB

  rgb(51 44 30)

  HSL

  hsl(40 26% 16%)

  OKLCH

  oklch(0.296 0.026 84.3)

  WCAG contrast: on white 13.81:1 (AAA) · on black 1.51:1 (Fail)

Export Classic Court-Bouillon Mirror: CSS variables, Tailwind & JSON

:root {
  --bg: #f7f5f2;
  --surface: #eddfbc;
  --primary: #cbd09a;
  --accent: #e3af9a;
  --text: #332c1e;
}

@theme {
  --color-bg: #f7f5f2;
  --color-surface: #eddfbc;
  --color-primary: #cbd09a;
  --color-accent: #e3af9a;
  --color-text: #332c1e;
}

{
  "classic-court-bouillon-mirror-1uc": {
    "bg": {
      "$type": "color",
      "$value": "#f7f5f2"
    },
    "surface": {
      "$type": "color",
      "$value": "#eddfbc"
    },
    "primary": {
      "$type": "color",
      "$value": "#cbd09a"
    },
    "accent": {
      "$type": "color",
      "$value": "#e3af9a"
    },
    "text": {
      "$type": "color",
      "$value": "#332c1e"
    }
  }
}