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/Classic Cry Me a River Mirror

Palette · 4 colors · Lc 9.6

Classic Cry Me a River Mirror palette

Classic Cry Me a River Mirror: a 4-color palette (Violet, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #F5F5F6, #9CB8CC, #417EA0, #061722, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Violet
  • Gray
  • Cold
  • UI System
  • 4 Colors

bg

#F5F5F6

surface

#9CB8CC

accent

#417EA0

text

#061722

Open in StudioOpen in PickerAll palettes

Colors in Classic Cry Me a River Mirror: HEX, RGB, HSL & OKLCH

  • bg

    #F5F5F6

    #F5F5F6 color page →
    RGB
    rgb(245 245 246)
    HSL
    hsl(240 5% 96%)
    OKLCH
    oklch(0.97 0.001 286.4)

    WCAG contrast: on white 1.08:1 (Fail) · on black 19.27:1 (AAA)

  • surface

    #9CB8CC

    #9CB8CC color page →
    RGB
    rgb(156 184 204)
    HSL
    hsl(205 32% 71%)
    OKLCH
    oklch(0.768 0.042 239.2)

    WCAG contrast: on white 2.07:1 (Fail) · on black 10.14:1 (AAA)

  • accent

    #417EA0

    #417EA0 color page →
    RGB
    rgb(65 126 160)
    HSL
    hsl(201 42% 44%)
    OKLCH
    oklch(0.567 0.082 235.2)

    WCAG contrast: on white 4.45:1 (Fail) · on black 4.71:1 (AA)

  • text

    #061722

    #061722 color page →
    RGB
    rgb(6 23 34)
    HSL
    hsl(204 70% 8%)
    OKLCH
    oklch(0.196 0.032 238.8)

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

Export Classic Cry Me a River Mirror: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f5f5f6;
  --surface: #9cb8cc;
  --accent: #417ea0;
  --text: #061722;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f5f5f6;
  --color-surface: #9cb8cc;
  --color-accent: #417ea0;
  --color-text: #061722;
}

JSON (DTCG tokens)

{
  "classic-cry-me-a-river-mirror-545": {
    "bg": {
      "$type": "color",
      "$value": "#f5f5f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#9cb8cc"
    },
    "accent": {
      "$type": "color",
      "$value": "#417ea0"
    },
    "text": {
      "$type": "color",
      "$value": "#061722"
    }
  }
}

About this palette

Classic Cry Me a River Mirror is a 4-color OKLCH-ready palette tagged violet, gray, cold, ui system, 4 colors. Hex values: #F5F5F6, #9CB8CC, #417EA0, #061722. APCA contrast score Lc 9.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • True Haddock’s Sweater GardenViolet · Gray
  • Classic Muted Blue BeaconTrending · Violet
  • Steady Beach View NoirViolet · Gray
  • True Song of the Sea CascadeViolet · Gray
  • Pure Haddock’s Sweater BloomViolet · Gray
  • Steady French Blue RibbonViolet · Gray

Palettes with similar colors

Closest to Classic Cry Me a River Mirror by OKLab color distance.

  • Pure Ahoy! Blue CanvasBlue · Gray
  • Mediterranean Blue DuneViolet · Cold
  • Cruising NexusBlue · Gray
  • Pure Twinkle Night BloomPink · Gray
  • Waikiki DriftBlue · Cold
  • Classic Mediterranean Blue HorizonViolet · 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