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

Palette · 5 colors · Lc 7.6

Pure Matt Blue System palette

Pure Matt Blue System: a 5-color palette (Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #D9E4F5, #2F6ED0, #A33C48, #3F6B00, #080F1B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Violet
  • Cold
  • 5 Colors

bg

#D9E4F5

surface

#2F6ED0

primary

#A33C48

accent

#3F6B00

text

#080F1B

Open in StudioOpen in PickerAll palettes

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

  • bg

    #D9E4F5

    #D9E4F5 color page →
    RGB
    rgb(217 228 245)
    HSL
    hsl(216 58% 91%)
    OKLCH
    oklch(0.916 0.026 259)

    WCAG contrast: on white 1.28:1 (Fail) · on black 16.36:1 (AAA)

  • surface

    #2F6ED0

    #2F6ED0 color page →
    RGB
    rgb(47 110 208)
    HSL
    hsl(217 63% 50%)
    OKLCH
    oklch(0.551 0.165 259.2)

    WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)

  • primary

    #A33C48

    #A33C48 color page →
    RGB
    rgb(163 60 72)
    HSL
    hsl(353 46% 44%)
    OKLCH
    oklch(0.503 0.136 16.6)

    WCAG contrast: on white 6.36:1 (AA) · on black 3.29:1 (Fail)

  • accent

    #3F6B00

    #3F6B00 color page →
    RGB
    rgb(63 107 0)
    HSL
    hsl(85 100% 21%)
    OKLCH
    oklch(0.477 0.132 132)

    WCAG contrast: on white 6.33:1 (AA) · on black 3.31:1 (Fail)

  • text

    #080F1B

    #080F1B color page →
    RGB
    rgb(8 15 27)
    HSL
    hsl(218 54% 7%)
    OKLCH
    oklch(0.168 0.028 260.4)

    WCAG contrast: on white 19.18:1 (AAA) · on black 1.09:1 (Fail)

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

CSS variables

:root {
  --bg: #d9e4f5;
  --surface: #2f6ed0;
  --primary: #a33c48;
  --accent: #3f6b00;
  --text: #080f1b;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #d9e4f5;
  --color-surface: #2f6ed0;
  --color-primary: #a33c48;
  --color-accent: #3f6b00;
  --color-text: #080f1b;
}

JSON (DTCG tokens)

{
  "pure-matt-blue-system-4uc": {
    "bg": {
      "$type": "color",
      "$value": "#d9e4f5"
    },
    "surface": {
      "$type": "color",
      "$value": "#2f6ed0"
    },
    "primary": {
      "$type": "color",
      "$value": "#a33c48"
    },
    "accent": {
      "$type": "color",
      "$value": "#3f6b00"
    },
    "text": {
      "$type": "color",
      "$value": "#080f1b"
    }
  }
}

About this palette

Pure Matt Blue System is a 5-color OKLCH-ready palette tagged violet, cold, 5 colors. Hex values: #D9E4F5, #2F6ED0, #A33C48, #3F6B00, #080F1B. APCA contrast score Lc 7.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Blue Öyster Cult PulseTrending · Violet
  • Forget-Me-Not CascadeTrending · Violet
  • Steady Mediterranean Blue QuartzTrending · Violet
  • Steady Hadfield Blue MeadowTrending · Violet
  • True Neptune CircuitTrending · Violet
  • Honolulu Blue HorizonTrending · Violet

Palettes with similar colors

Closest to Pure Matt Blue System by OKLab color distance.

  • Classic Fading Night TideViolet · Cold
  • Classic Cry of a Rose ForgeRed · Warm
  • Haddock’s Sweater HarborViolet · Cold
  • True Soothing Sapphire BeaconViolet · Cold
  • Steady Song of the Sea StudioViolet · Cold
  • True Flood LatticePink · 5 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