Classic Dolphin Atelier palette

Colors in Classic Dolphin Atelier: HEX, RGB, HSL & OKLCH

• bg

  #ECF2FB

  #ECF2FB color page →

  RGB

  rgb(236 242 251)

  HSL

  hsl(216 65% 95%)

  OKLCH

  oklch(0.959 0.014 258.3)

  WCAG contrast: on white 1.12:1 (Fail) · on black 18.66:1 (AAA)

• surface

  #C2E0FF

  #C2E0FF color page →

  RGB

  rgb(194 224 255)

  HSL

  hsl(210 100% 88%)

  OKLCH

  oklch(0.895 0.053 249.3)

  WCAG contrast: on white 1.36:1 (Fail) · on black 15.40:1 (AAA)

• primary

  #C5C5F3

  #C5C5F3 color page →

  RGB

  rgb(197 197 243)

  HSL

  hsl(240 66% 86%)

  OKLCH

  oklch(0.839 0.064 284.9)

  WCAG contrast: on white 1.65:1 (Fail) · on black 12.65:1 (AAA)

• accent

  #8DC9DD

  #8DC9DD color page →

  RGB

  rgb(141 201 221)

  HSL

  hsl(195 54% 71%)

  OKLCH

  oklch(0.802 0.068 220.7)

  WCAG contrast: on white 1.82:1 (Fail) · on black 11.53:1 (AAA)

• text

  #2B3545

  #2B3545 color page →

  RGB

  rgb(43 53 69)

  HSL

  hsl(217 23% 22%)

  OKLCH

  oklch(0.327 0.032 259.7)

  WCAG contrast: on white 12.36:1 (AAA) · on black 1.69:1 (Fail)

Export Classic Dolphin Atelier: CSS variables, Tailwind & JSON

:root {
  --bg: #ecf2fb;
  --surface: #c2e0ff;
  --primary: #c5c5f3;
  --accent: #8dc9dd;
  --text: #2b3545;
}

@theme {
  --color-bg: #ecf2fb;
  --color-surface: #c2e0ff;
  --color-primary: #c5c5f3;
  --color-accent: #8dc9dd;
  --color-text: #2b3545;
}

{
  "classic-dolphin-atelier-6f9": {
    "bg": {
      "$type": "color",
      "$value": "#ecf2fb"
    },
    "surface": {
      "$type": "color",
      "$value": "#c2e0ff"
    },
    "primary": {
      "$type": "color",
      "$value": "#c5c5f3"
    },
    "accent": {
      "$type": "color",
      "$value": "#8dc9dd"
    },
    "text": {
      "$type": "color",
      "$value": "#2b3545"
    }
  }
}