Classic Wax Flower Prism palette

Colors in Classic Wax Flower Prism: HEX, RGB, HSL & OKLCH

• bg

  #FEF6F6

  #FEF6F6 color page →

  RGB

  rgb(254 246 246)

  HSL

  hsl(0 80% 98%)

  OKLCH

  oklch(0.979 0.009 17.3)

  WCAG contrast: on white 1.06:1 (Fail) · on black 19.72:1 (AAA)

• surface

  #FFD5D4

  #FFD5D4 color page →

  RGB

  rgb(255 213 212)

  HSL

  hsl(1 100% 92%)

  OKLCH

  oklch(0.908 0.047 19.7)

  WCAG contrast: on white 1.33:1 (Fail) · on black 15.72:1 (AAA)

• primary

  #F3B89E

  #F3B89E color page →

  RGB

  rgb(243 184 158)

  HSL

  hsl(18 78% 79%)

  OKLCH

  oklch(0.83 0.077 44.9)

  WCAG contrast: on white 1.72:1 (Fail) · on black 12.16:1 (AAA)

• accent

  #E0B2D0

  #E0B2D0 color page →

  RGB

  rgb(224 178 208)

  HSL

  hsl(321 43% 79%)

  OKLCH

  oklch(0.814 0.066 339.5)

  WCAG contrast: on white 1.83:1 (Fail) · on black 11.44:1 (AAA)

• text

  #3F2727

  #3F2727 color page →

  RGB

  rgb(63 39 39)

  HSL

  hsl(0 24% 20%)

  OKLCH

  oklch(0.303 0.036 19.4)

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

Export Classic Wax Flower Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #fef6f6;
  --surface: #ffd5d4;
  --primary: #f3b89e;
  --accent: #e0b2d0;
  --text: #3f2727;
}

@theme {
  --color-bg: #fef6f6;
  --color-surface: #ffd5d4;
  --color-primary: #f3b89e;
  --color-accent: #e0b2d0;
  --color-text: #3f2727;
}

{
  "classic-wax-flower-prism-4n9": {
    "bg": {
      "$type": "color",
      "$value": "#fef6f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd5d4"
    },
    "primary": {
      "$type": "color",
      "$value": "#f3b89e"
    },
    "accent": {
      "$type": "color",
      "$value": "#e0b2d0"
    },
    "text": {
      "$type": "color",
      "$value": "#3f2727"
    }
  }
}