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 Naval Brief

Palette · 5 colors · Lc 9.5

Pure Naval Brief palette

Pure Naval Brief: a 5-color palette (Violet, Cold, Monochromatic, 5 Colors). HEX, RGB, HSL and OKLCH for #ECF3FA, #8AB0D1, #3C76AA, #153953, #05090D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Violet
  • Cold
  • Monochromatic
  • 5 Colors

bg

#ECF3FA

surface

#8AB0D1

primary

#3C76AA

accent

#153953

text

#05090D

Open in StudioOpen in PickerAll palettes

Colors in Pure Naval Brief: HEX, RGB, HSL & OKLCH

  • bg

    #ECF3FA

    #ECF3FA color page →
    RGB
    rgb(236 243 250)
    HSL
    hsl(210 58% 95%)
    OKLCH
    oklch(0.961 0.012 248)

    WCAG contrast: on white 1.11:1 (Fail) · on black 18.76:1 (AAA)

  • surface

    #8AB0D1

    #8AB0D1 color page →
    RGB
    rgb(138 176 209)
    HSL
    hsl(208 44% 68%)
    OKLCH
    oklch(0.741 0.063 245)

    WCAG contrast: on white 2.27:1 (Fail) · on black 9.21:1 (AAA)

  • primary

    #3C76AA

    #3C76AA color page →
    RGB
    rgb(60 118 170)
    HSL
    hsl(208 48% 45%)
    OKLCH
    oklch(0.55 0.102 247.8)

    WCAG contrast: on white 4.81:1 (AA) · on black 4.36:1 (Fail)

  • accent

    #153953

    #153953 color page →
    RGB
    rgb(21 57 83)
    HSL
    hsl(205 60% 20%)
    OKLCH
    oklch(0.332 0.062 243.2)

    WCAG contrast: on white 12.05:1 (AAA) · on black 1.74:1 (Fail)

  • text

    #05090D

    #05090D color page →
    RGB
    rgb(5 9 13)
    HSL
    hsl(210 44% 4%)
    OKLCH
    oklch(0.136 0.012 243.1)

    WCAG contrast: on white 19.97:1 (AAA) · on black 1.05:1 (Fail)

Export Pure Naval Brief: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #ecf3fa;
  --surface: #8ab0d1;
  --primary: #3c76aa;
  --accent: #153953;
  --text: #05090d;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #ecf3fa;
  --color-surface: #8ab0d1;
  --color-primary: #3c76aa;
  --color-accent: #153953;
  --color-text: #05090d;
}

JSON (DTCG tokens)

{
  "pure-naval-brief-4m1": {
    "bg": {
      "$type": "color",
      "$value": "#ecf3fa"
    },
    "surface": {
      "$type": "color",
      "$value": "#8ab0d1"
    },
    "primary": {
      "$type": "color",
      "$value": "#3c76aa"
    },
    "accent": {
      "$type": "color",
      "$value": "#153953"
    },
    "text": {
      "$type": "color",
      "$value": "#05090d"
    }
  }
}

About this palette

Pure Naval Brief is a 5-color OKLCH-ready palette tagged violet, cold, monochromatic, 5 colors. Hex values: #ECF3FA, #8AB0D1, #3C76AA, #153953, #05090D. APCA contrast score Lc 9.5. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Haunt Mist KilnViolet · Cold
  • Classic Star of Life LatticeViolet · Cold
  • Pure Mermaid Dreams StudioViolet · Cold
  • Pure Jacuzzi GardenViolet · Cold
  • Pure Serene Sea HarborViolet · Gray
  • True Jacuzzi DriftViolet · Cold

Palettes with similar colors

Closest to Pure Naval Brief by OKLab color distance.

  • Steady High Seas LedgerViolet · Gray
  • Neptune BeaconViolet · Cold
  • Steady Naval CascadeViolet · Gray
  • True Jacuzzi StudioViolet · Cold
  • Classic Brilliant Blue DuneViolet · Cold
  • Steady Song of the Sea VaultViolet · 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