Airy Wax Flower Canvas palette

Colors in Airy Wax Flower Canvas: HEX, RGB, HSL & OKLCH

• bg

  #F5EDEE

  #F5EDEE color page →

  RGB

  rgb(245 237 238)

  HSL

  hsl(353 29% 95%)

  OKLCH

  oklch(0.953 0.009 8.5)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.23:1 (AAA)

• surface

  #FFD0D7

  #FFD0D7 color page →

  RGB

  rgb(255 208 215)

  HSL

  hsl(351 100% 91%)

  OKLCH

  oklch(0.9 0.054 8.2)

  WCAG contrast: on white 1.37:1 (Fail) · on black 15.25:1 (AAA)

• primary

  #F2B29B

  #F2B29B color page →

  RGB

  rgb(242 178 155)

  HSL

  hsl(16 77% 78%)

  OKLCH

  oklch(0.817 0.082 40.6)

  WCAG contrast: on white 1.80:1 (Fail) · on black 11.61:1 (AAA)

• accent

  #D8ABCF

  #D8ABCF color page →

  RGB

  rgb(216 171 207)

  HSL

  hsl(312 37% 76%)

  OKLCH

  oklch(0.793 0.071 333.3)

  WCAG contrast: on white 1.97:1 (Fail) · on black 10.64:1 (AAA)

• text

  #462A2E

  #462A2E color page →

  RGB

  rgb(70 42 46)

  HSL

  hsl(351 25% 22%)

  OKLCH

  oklch(0.321 0.042 10.4)

  WCAG contrast: on white 12.87:1 (AAA) · on black 1.63:1 (Fail)

Export Airy Wax Flower Canvas: CSS variables, Tailwind & JSON

:root {
  --bg: #f5edee;
  --surface: #ffd0d7;
  --primary: #f2b29b;
  --accent: #d8abcf;
  --text: #462a2e;
}

@theme {
  --color-bg: #f5edee;
  --color-surface: #ffd0d7;
  --color-primary: #f2b29b;
  --color-accent: #d8abcf;
  --color-text: #462a2e;
}

{
  "airy-wax-flower-canvas-517": {
    "bg": {
      "$type": "color",
      "$value": "#f5edee"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd0d7"
    },
    "primary": {
      "$type": "color",
      "$value": "#f2b29b"
    },
    "accent": {
      "$type": "color",
      "$value": "#d8abcf"
    },
    "text": {
      "$type": "color",
      "$value": "#462a2e"
    }
  }
}