Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Pure Blue Moon Canvas

Palette · 6 colors · Lc 8.7

Pure Blue Moon Canvas palette

Pure Blue Moon Canvas: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E7EFF2, #8DC9CF, #3791A6, #006D7E, #004750, #000B15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Cold
  • Ocean
  • Nature
  • 6 Colors

bg

#E7EFF2

surface

#8DC9CF

muted

#3791A6

primary

#006D7E

accent

#004750

text

#000B15

Open in StudioOpen in PickerAll palettes

Colors in Pure Blue Moon Canvas: HEX, RGB, HSL & OKLCH

  • bg

    #E7EFF2

    #E7EFF2 color page →
    RGB
    rgb(231 239 242)
    HSL
    hsl(196 30% 93%)
    OKLCH
    oklch(0.947 0.009 222.1)

    WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)

  • surface

    #8DC9CF

    #8DC9CF color page →
    RGB
    rgb(141 201 207)
    HSL
    hsl(185 41% 68%)
    OKLCH
    oklch(0.797 0.062 203.8)

    WCAG contrast: on white 1.84:1 (Fail) · on black 11.38:1 (AAA)

  • muted

    #3791A6

    #3791A6 color page →
    RGB
    rgb(55 145 166)
    HSL
    hsl(191 50% 43%)
    OKLCH
    oklch(0.612 0.089 216.1)

    WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)

  • primary

    #006D7E

    #006D7E color page →
    RGB
    rgb(0 109 126)
    HSL
    hsl(188 100% 25%)
    OKLCH
    oklch(0.491 0.086 213.3)

    WCAG contrast: on white 6.01:1 (AA) · on black 3.48:1 (Fail)

  • accent

    #004750

    #004750 color page →
    RGB
    rgb(0 71 80)
    HSL
    hsl(187 100% 16%)
    OKLCH
    oklch(0.364 0.063 209.1)

    WCAG contrast: on white 10.41:1 (AAA) · on black 2.01:1 (Fail)

  • text

    #000B15

    #000B15 color page →
    RGB
    rgb(0 11 21)
    HSL
    hsl(209 100% 4%)
    OKLCH
    oklch(0.142 0.032 238.2)

    WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)

Export Pure Blue Moon Canvas: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e7eff2;
  --surface: #8dc9cf;
  --muted: #3791a6;
  --primary: #006d7e;
  --accent: #004750;
  --text: #000b15;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e7eff2;
  --color-surface: #8dc9cf;
  --color-muted: #3791a6;
  --color-primary: #006d7e;
  --color-accent: #004750;
  --color-text: #000b15;
}

JSON (DTCG tokens)

{
  "pure-blue-moon-canvas-bc": {
    "bg": {
      "$type": "color",
      "$value": "#e7eff2"
    },
    "surface": {
      "$type": "color",
      "$value": "#8dc9cf"
    },
    "muted": {
      "$type": "color",
      "$value": "#3791a6"
    },
    "primary": {
      "$type": "color",
      "$value": "#006d7e"
    },
    "accent": {
      "$type": "color",
      "$value": "#004750"
    },
    "text": {
      "$type": "color",
      "$value": "#000b15"
    }
  }
}

About this palette

Pure Blue Moon Canvas is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #E7EFF2, #8DC9CF, #3791A6, #006D7E, #004750, #000B15. APCA contrast score Lc 8.7. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Prismarine FogTrending · Blue
  • Surgical AtelierBlue · Cold
  • Pure Swimmer QuartzBlue · Cold
  • Baltic DuneBlue · Cold
  • Steady Java DuneBlue · Cold
  • Pure Rainy Mood GroveBlue · Cold

Palettes with similar colors

Closest to Pure Blue Moon Canvas by OKLab color distance.

  • Steady Blue Moon PrismBlue · Cold
  • Pure Copacabana HorizonBlue · Cold
  • Classic Blue Moon SystemBlue · Cold
  • Steady Munsell Blue LedgerBlue · Cold
  • True Blue Moon PrismBlue · Cold
  • Steady Mediterranean Sea HarborTrending · Blue
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA