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 Campanula Cascade

Palette · 5 colors · Lc 8.8

Pure Campanula Cascade palette

Pure Campanula Cascade: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E0EFFD, #89BED9, #2D70AD, #005169, #030918, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Violet
  • Cold
  • Ocean
  • Nature
  • 5 Colors

bg

#E0EFFD

surface

#89BED9

primary

#2D70AD

accent

#005169

text

#030918

Open in StudioOpen in PickerAll palettes

Colors in Pure Campanula Cascade: HEX, RGB, HSL & OKLCH

  • bg

    #E0EFFD

    #E0EFFD color page →
    RGB
    rgb(224 239 253)
    HSL
    hsl(209 88% 94%)
    OKLCH
    oklch(0.945 0.025 246.2)

    WCAG contrast: on white 1.17:1 (Fail) · on black 17.93:1 (AAA)

  • surface

    #89BED9

    #89BED9 color page →
    RGB
    rgb(137 190 217)
    HSL
    hsl(200 51% 69%)
    OKLCH
    oklch(0.774 0.067 230.8)

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

  • primary

    #2D70AD

    #2D70AD color page →
    RGB
    rgb(45 112 173)
    HSL
    hsl(209 59% 43%)
    OKLCH
    oklch(0.532 0.117 249.2)

    WCAG contrast: on white 5.20:1 (AA) · on black 4.03:1 (Fail)

  • accent

    #005169

    #005169 color page →
    RGB
    rgb(0 81 105)
    HSL
    hsl(194 100% 21%)
    OKLCH
    oklch(0.405 0.078 226.2)

    WCAG contrast: on white 8.81:1 (AAA) · on black 2.38:1 (Fail)

  • text

    #030918

    #030918 color page →
    RGB
    rgb(3 9 24)
    HSL
    hsl(223 78% 5%)
    OKLCH
    oklch(0.142 0.035 261)

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

Export Pure Campanula Cascade: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e0effd;
  --surface: #89bed9;
  --primary: #2d70ad;
  --accent: #005169;
  --text: #030918;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e0effd;
  --color-surface: #89bed9;
  --color-primary: #2d70ad;
  --color-accent: #005169;
  --color-text: #030918;
}

JSON (DTCG tokens)

{
  "pure-campanula-cascade-2t1": {
    "bg": {
      "$type": "color",
      "$value": "#e0effd"
    },
    "surface": {
      "$type": "color",
      "$value": "#89bed9"
    },
    "primary": {
      "$type": "color",
      "$value": "#2d70ad"
    },
    "accent": {
      "$type": "color",
      "$value": "#005169"
    },
    "text": {
      "$type": "color",
      "$value": "#030918"
    }
  }
}

About this palette

Pure Campanula Cascade is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #E0EFFD, #89BED9, #2D70AD, #005169, #030918. APCA contrast score Lc 8.8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • True Neptune CircuitTrending · Violet
  • True Sail On GardenViolet · Cold
  • Classic Mykonos MirrorViolet · Cold
  • Muted Blue BeaconViolet · Cold
  • Brilliant Blue KilnViolet · Cold
  • Classic Bleu Ciel HorizonViolet · Cold

Palettes with similar colors

Closest to Pure Campanula Cascade by OKLab color distance.

  • Classic Brilliant Blue GroveViolet · Cold
  • Campanula LatticeViolet · Cold
  • Steady Muted Blue StudioViolet · Cold
  • Pure Cloisonné DuneTrending · Violet
  • Pure Windsurfing PulseViolet · Cold
  • Steady Matt Blue SystemViolet · Cold
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