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/Warm Blue Studio

Palette · 6 colors · Lc 8

Warm Blue Studio palette

Warm Blue Studio: a 6-color palette (Pink, Rainbow, 6 Colors). HEX, RGB, HSL and OKLCH for #DBE9EA, #00B1B5, #6759D3, #A72C4E, #7F4800, #071818, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Pink
  • Rainbow
  • 6 Colors

bg

#DBE9EA

surface

#00B1B5

muted

#6759D3

primary

#A72C4E

accent

#7F4800

text

#071818

Open in StudioOpen in PickerAll palettes

Colors in Warm Blue Studio: HEX, RGB, HSL & OKLCH

  • bg

    #DBE9EA

    #DBE9EA color page →
    RGB
    rgb(219 233 234)
    HSL
    hsl(184 26% 89%)
    OKLCH
    oklch(0.924 0.015 202)

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

  • surface

    #00B1B5

    #00B1B5 color page →
    RGB
    rgb(0 177 181)
    HSL
    hsl(181 100% 35%)
    OKLCH
    oklch(0.69 0.117 197.6)

    WCAG contrast: on white 2.63:1 (Fail) · on black 7.95:1 (AAA)

  • muted

    #6759D3

    #6759D3 color page →
    RGB
    rgb(103 89 211)
    HSL
    hsl(247 58% 59%)
    OKLCH
    oklch(0.544 0.181 283.8)

    WCAG contrast: on white 5.32:1 (AA) · on black 3.94:1 (Fail)

  • primary

    #A72C4E

    #A72C4E color page →
    RGB
    rgb(167 44 78)
    HSL
    hsl(343 58% 41%)
    OKLCH
    oklch(0.493 0.16 9)

    WCAG contrast: on white 6.74:1 (AA) · on black 3.11:1 (Fail)

  • accent

    #7F4800

    #7F4800 color page →
    RGB
    rgb(127 72 0)
    HSL
    hsl(34 100% 25%)
    OKLCH
    oklch(0.458 0.104 63.1)

    WCAG contrast: on white 7.42:1 (AAA) · on black 2.82:1 (Fail)

  • text

    #071818

    #071818 color page →
    RGB
    rgb(7 24 24)
    HSL
    hsl(180 55% 6%)
    OKLCH
    oklch(0.194 0.023 195.4)

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

Export Warm Blue Studio: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #dbe9ea;
  --surface: #00b1b5;
  --muted: #6759d3;
  --primary: #a72c4e;
  --accent: #7f4800;
  --text: #071818;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #dbe9ea;
  --color-surface: #00b1b5;
  --color-muted: #6759d3;
  --color-primary: #a72c4e;
  --color-accent: #7f4800;
  --color-text: #071818;
}

JSON (DTCG tokens)

{
  "warm-blue-studio-47x": {
    "bg": {
      "$type": "color",
      "$value": "#dbe9ea"
    },
    "surface": {
      "$type": "color",
      "$value": "#00b1b5"
    },
    "muted": {
      "$type": "color",
      "$value": "#6759d3"
    },
    "primary": {
      "$type": "color",
      "$value": "#a72c4e"
    },
    "accent": {
      "$type": "color",
      "$value": "#7f4800"
    },
    "text": {
      "$type": "color",
      "$value": "#071818"
    }
  }
}

About this palette

Warm Blue Studio is a 6-color OKLCH-ready palette tagged pink, rainbow, 6 colors. Hex values: #DBE9EA, #00B1B5, #6759D3, #A72C4E, #7F4800, #071818. APCA contrast score Lc 8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • True Pleasant Purple FogPink · Rainbow
  • Violet Voltage PrismPink · Rainbow
  • True Purple Rain TidePink · Rainbow
  • Atomic Lilac Spring PrismPink · Rainbow
  • Warm Blue CanvasPink · Rainbow
  • Neon Hokkaido Lavender PulsePink · Rainbow

Palettes with similar colors

Closest to Warm Blue Studio by OKLab color distance.

  • True Savoy Blue KilnPink · 6 Colors
  • True Loch Ness SignalPink · 6 Colors
  • Pure Valentine’s Kiss AtelierRed · Warm
  • Pure Hokkaido Lavender SignalPink · Rainbow
  • Pure Arcane Brew GlacierTrending · Pink
  • Simply Purple ArchivePink · 6 Colors
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