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/Muted Cascade Twilight Signal

Palette · 4 colors · Lc 8.9

Muted Cascade Twilight Signal palette

Muted Cascade Twilight Signal: a 4-color palette (Trending, Violet, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DEF2FA, #00CFDC, #0043A5, #001730, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Trending
  • Violet
  • Cold
  • 4 Colors

bg

#DEF2FA

surface

#00CFDC

accent

#0043A5

text

#001730

Open in StudioOpen in PickerAll palettes

Colors in Muted Cascade Twilight Signal: HEX, RGB, HSL & OKLCH

  • bg

    #DEF2FA

    #DEF2FA color page →
    RGB
    rgb(222 242 250)
    HSL
    hsl(197 74% 93%)
    OKLCH
    oklch(0.949 0.024 223.7)

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

  • surface

    #00CFDC

    #00CFDC color page →
    RGB
    rgb(0 207 220)
    HSL
    hsl(184 100% 43%)
    OKLCH
    oklch(0.778 0.133 202.8)

    WCAG contrast: on white 1.91:1 (Fail) · on black 10.95:1 (AAA)

  • accent

    #0043A5

    #0043A5 color page →
    RGB
    rgb(0 67 165)
    HSL
    hsl(216 100% 32%)
    OKLCH
    oklch(0.415 0.169 260)

    WCAG contrast: on white 8.95:1 (AAA) · on black 2.34:1 (Fail)

  • text

    #001730

    #001730 color page →
    RGB
    rgb(0 23 48)
    HSL
    hsl(211 100% 9%)
    OKLCH
    oklch(0.202 0.059 251)

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

Export Muted Cascade Twilight Signal: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #def2fa;
  --surface: #00cfdc;
  --accent: #0043a5;
  --text: #001730;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #def2fa;
  --color-surface: #00cfdc;
  --color-accent: #0043a5;
  --color-text: #001730;
}

JSON (DTCG tokens)

{
  "muted-cascade-twilight-signal-1b0": {
    "bg": {
      "$type": "color",
      "$value": "#def2fa"
    },
    "surface": {
      "$type": "color",
      "$value": "#00cfdc"
    },
    "accent": {
      "$type": "color",
      "$value": "#0043a5"
    },
    "text": {
      "$type": "color",
      "$value": "#001730"
    }
  }
}

About this palette

Muted Cascade Twilight Signal is a 4-color OKLCH-ready palette tagged trending, violet, cold, 4 colors. Hex values: #DEF2FA, #00CFDC, #0043A5, #001730. APCA contrast score Lc 8.9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Mediterranean Blue PrismTrending · Violet
  • True Haddock’s Sweater StudioTrending · Violet
  • Classic Muted Blue BeaconTrending · Violet
  • Bold Bluerocratic DriftTrending · Violet
  • Steady God of Rain BriefTrending · Violet
  • True Sea of Galilee FogTrending · Violet

Palettes with similar colors

Closest to Muted Cascade Twilight Signal by OKLab color distance.

  • Dusk Fist of the North Star DriftViolet · Cold
  • Dusk Dancing Sea StudioViolet · Cold
  • Muted Nuit Blanche ForgeViolet · Cold
  • Muted Pacific Depths MirrorViolet · Cold
  • Muted Blue Screen of Death DuneViolet · Cold
  • Dusk Pacific Navy DuneViolet · 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