Classic Secret Garden Archive palette

Colors in Classic Secret Garden Archive: HEX, RGB, HSL & OKLCH

• bg

  #DAEFE6

  #DAEFE6 color page →

  RGB

  rgb(218 239 230)

  HSL

  hsl(154 40% 90%)

  OKLCH

  oklch(0.934 0.025 168.2)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)

• surface

  #4AD2B0

  #4AD2B0 color page →

  RGB

  rgb(74 210 176)

  HSL

  hsl(165 60% 56%)

  OKLCH

  oklch(0.781 0.127 173)

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

• primary

  #00A765

  #00A765 color page →

  RGB

  rgb(0 167 101)

  HSL

  hsl(156 100% 33%)

  OKLCH

  oklch(0.641 0.153 156.8)

  WCAG contrast: on white 3.12:1 (Fail) · on black 6.71:1 (AA)

• accent

  #005535

  #005535 color page →

  RGB

  rgb(0 85 53)

  HSL

  hsl(157 100% 17%)

  OKLCH

  oklch(0.397 0.09 159.6)

  WCAG contrast: on white 8.93:1 (AAA) · on black 2.35:1 (Fail)

• text

  #002013

  #002013 color page →

  RGB

  rgb(0 32 19)

  HSL

  hsl(156 100% 6%)

  OKLCH

  oklch(0.215 0.047 162.7)

  WCAG contrast: on white 17.26:1 (AAA) · on black 1.21:1 (Fail)

Export Classic Secret Garden Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #daefe6;
  --surface: #4ad2b0;
  --primary: #00a765;
  --accent: #005535;
  --text: #002013;
}

@theme {
  --color-bg: #daefe6;
  --color-surface: #4ad2b0;
  --color-primary: #00a765;
  --color-accent: #005535;
  --color-text: #002013;
}

{
  "classic-secret-garden-archive-4cb": {
    "bg": {
      "$type": "color",
      "$value": "#daefe6"
    },
    "surface": {
      "$type": "color",
      "$value": "#4ad2b0"
    },
    "primary": {
      "$type": "color",
      "$value": "#00a765"
    },
    "accent": {
      "$type": "color",
      "$value": "#005535"
    },
    "text": {
      "$type": "color",
      "$value": "#002013"
    }
  }
}