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/Steady Matt Blue System

Palette · 5 colors · Lc 8.6

Steady Matt Blue System palette

Steady Matt Blue System: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DFEDF8, #75B5D0, #376DAB, #004C65, #010B1B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Violet
  • Cold
  • Ocean
  • Nature
  • 5 Colors

bg

#DFEDF8

surface

#75B5D0

primary

#376DAB

accent

#004C65

text

#010B1B

Open in StudioOpen in PickerAll palettes

Colors in Steady Matt Blue System: HEX, RGB, HSL & OKLCH

  • bg

    #DFEDF8

    #DFEDF8 color page →
    RGB
    rgb(223 237 248)
    HSL
    hsl(206 64% 92%)
    OKLCH
    oklch(0.939 0.021 241.4)

    WCAG contrast: on white 1.19:1 (Fail) · on black 17.60:1 (AAA)

  • surface

    #75B5D0

    #75B5D0 color page →
    RGB
    rgb(117 181 208)
    HSL
    hsl(198 49% 64%)
    OKLCH
    oklch(0.74 0.076 226.6)

    WCAG contrast: on white 2.26:1 (Fail) · on black 9.27:1 (AAA)

  • primary

    #376DAB

    #376DAB color page →
    RGB
    rgb(55 109 171)
    HSL
    hsl(212 51% 44%)
    OKLCH
    oklch(0.528 0.114 253.5)

    WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)

  • accent

    #004C65

    #004C65 color page →
    RGB
    rgb(0 76 101)
    HSL
    hsl(195 100% 20%)
    OKLCH
    oklch(0.389 0.076 228.6)

    WCAG contrast: on white 9.45:1 (AAA) · on black 2.22:1 (Fail)

  • text

    #010B1B

    #010B1B color page →
    RGB
    rgb(1 11 27)
    HSL
    hsl(217 93% 5%)
    OKLCH
    oklch(0.148 0.04 252.8)

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

Export Steady Matt Blue System: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #dfedf8;
  --surface: #75b5d0;
  --primary: #376dab;
  --accent: #004c65;
  --text: #010b1b;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #dfedf8;
  --color-surface: #75b5d0;
  --color-primary: #376dab;
  --color-accent: #004c65;
  --color-text: #010b1b;
}

JSON (DTCG tokens)

{
  "steady-matt-blue-system-50m": {
    "bg": {
      "$type": "color",
      "$value": "#dfedf8"
    },
    "surface": {
      "$type": "color",
      "$value": "#75b5d0"
    },
    "primary": {
      "$type": "color",
      "$value": "#376dab"
    },
    "accent": {
      "$type": "color",
      "$value": "#004c65"
    },
    "text": {
      "$type": "color",
      "$value": "#010b1b"
    }
  }
}

About this palette

Steady Matt Blue System is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #DFEDF8, #75B5D0, #376DAB, #004C65, #010B1B. APCA contrast score Lc 8.6. 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 Steady Matt Blue System by OKLab color distance.

  • Steady Muted Blue StudioViolet · Cold
  • True Sail On ArchiveViolet · Cold
  • Pure Sail On BloomViolet · Cold
  • Steady Jacuzzi HarborTrending · Violet
  • True Brilliant Blue CanvasViolet · Cold
  • Steady Haddock’s Sweater DriftViolet · 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