True Peachy-Kini Meadow palette

Colors in True Peachy-Kini Meadow: HEX, RGB, HSL & OKLCH

• bg

  #FFF0EA

  #FFF0EA color page →

  RGB

  rgb(255 240 234)

  HSL

  hsl(17 100% 96%)

  OKLCH

  oklch(0.965 0.018 43.2)

  WCAG contrast: on white 1.11:1 (Fail) · on black 18.90:1 (AAA)

• surface

  #FFD1C1

  #FFD1C1 color page →

  RGB

  rgb(255 209 193)

  HSL

  hsl(15 100% 88%)

  OKLCH

  oklch(0.896 0.057 40.1)

  WCAG contrast: on white 1.38:1 (Fail) · on black 15.14:1 (AAA)

• primary

  #EFC095

  #EFC095 color page →

  RGB

  rgb(239 192 149)

  HSL

  hsl(29 74% 76%)

  OKLCH

  oklch(0.839 0.078 63.9)

  WCAG contrast: on white 1.66:1 (Fail) · on black 12.64:1 (AAA)

• accent

  #E5B0AD

  #E5B0AD color page →

  RGB

  rgb(229 176 173)

  HSL

  hsl(3 52% 79%)

  OKLCH

  oklch(0.805 0.062 22.3)

  WCAG contrast: on white 1.88:1 (Fail) · on black 11.14:1 (AAA)

• text

  #4A3129

  #4A3129 color page →

  RGB

  rgb(74 49 41)

  HSL

  hsl(15 29% 23%)

  OKLCH

  oklch(0.34 0.039 38.5)

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

Export True Peachy-Kini Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #fff0ea;
  --surface: #ffd1c1;
  --primary: #efc095;
  --accent: #e5b0ad;
  --text: #4a3129;
}

@theme {
  --color-bg: #fff0ea;
  --color-surface: #ffd1c1;
  --color-primary: #efc095;
  --color-accent: #e5b0ad;
  --color-text: #4a3129;
}

{
  "true-peachy-kini-meadow-684": {
    "bg": {
      "$type": "color",
      "$value": "#fff0ea"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd1c1"
    },
    "primary": {
      "$type": "color",
      "$value": "#efc095"
    },
    "accent": {
      "$type": "color",
      "$value": "#e5b0ad"
    },
    "text": {
      "$type": "color",
      "$value": "#4a3129"
    }
  }
}