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/Mist Pale Sky Delta

Palette · 4 colors · Lc 9.2

Mist Pale Sky Delta palette

Mist Pale Sky Delta: a 4-color palette (Blue, Gray, Cold, Pastel). HEX, RGB, HSL and OKLCH for #F4F9FA, #BAF0F4, #99C3B2, #243739, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Gray
  • Cold
  • Pastel
  • 4 Colors

bg

#F4F9FA

surface

#BAF0F4

accent

#99C3B2

text

#243739

Open in StudioOpen in PickerAll palettes

Colors in Mist Pale Sky Delta: HEX, RGB, HSL & OKLCH

  • bg

    #F4F9FA

    #F4F9FA color page →
    RGB
    rgb(244 249 250)
    HSL
    hsl(190 37% 97%)
    OKLCH
    oklch(0.979 0.005 211)

    WCAG contrast: on white 1.06:1 (Fail) · on black 19.77:1 (AAA)

  • surface

    #BAF0F4

    #BAF0F4 color page →
    RGB
    rgb(186 240 244)
    HSL
    hsl(184 73% 84%)
    OKLCH
    oklch(0.919 0.055 201.9)

    WCAG contrast: on white 1.24:1 (Fail) · on black 16.85:1 (AAA)

  • accent

    #99C3B2

    #99C3B2 color page →
    RGB
    rgb(153 195 178)
    HSL
    hsl(156 26% 68%)
    OKLCH
    oklch(0.782 0.051 168.3)

    WCAG contrast: on white 1.94:1 (Fail) · on black 10.80:1 (AAA)

  • text

    #243739

    #243739 color page →
    RGB
    rgb(36 55 57)
    HSL
    hsl(186 23% 18%)
    OKLCH
    oklch(0.321 0.025 204.2)

    WCAG contrast: on white 12.49:1 (AAA) · on black 1.68:1 (Fail)

Export Mist Pale Sky Delta: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f4f9fa;
  --surface: #baf0f4;
  --accent: #99c3b2;
  --text: #243739;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f4f9fa;
  --color-surface: #baf0f4;
  --color-accent: #99c3b2;
  --color-text: #243739;
}

JSON (DTCG tokens)

{
  "mist-pale-sky-delta-fd": {
    "bg": {
      "$type": "color",
      "$value": "#f4f9fa"
    },
    "surface": {
      "$type": "color",
      "$value": "#baf0f4"
    },
    "accent": {
      "$type": "color",
      "$value": "#99c3b2"
    },
    "text": {
      "$type": "color",
      "$value": "#243739"
    }
  }
}

About this palette

Mist Pale Sky Delta is a 4-color OKLCH-ready palette tagged blue, gray, cold, pastel, 4 colors. Hex values: #F4F9FA, #BAF0F4, #99C3B2, #243739. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Cerulean Skies KilnBlue · Gray
  • Classic Sky Fall SignalBlue · Gray
  • Classic Continental Waters SignalBlue · Gray
  • Ice Citadel VaultBlue · Gray
  • Wave GardenBlue · Gray
  • Classic Thalassa ArchiveBlue · Gray

Palettes with similar colors

Closest to Mist Pale Sky Delta by OKLab color distance.

  • Classic Mint Twist SystemTurquoise · Gray
  • Sheer Glacial Drift PrismTurquoise · Gray
  • True Baby Blue OrchardViolet · Gray
  • Pure Andromeda Blue StudioViolet · Gray
  • Over the Sky NoirBlue · Gray
  • True Fail Whale LatticeViolet · Gray
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