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 Laguna Archive

Palette · 9 colors · Lc 9.4

Pure Laguna Archive palette

Pure Laguna Archive: a 9-color palette (Blue, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #01080E, #00243A, #004262, #00638C, #007DAC, #00A6D2, #55BBDC, #88D6EF, #DBF6FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Cold
  • 9 Colors

bg

#01080E

surface

#00243A

muted

#004262

primary

#00638C

secondary

#007DAC

accent

#00A6D2

highlight

#55BBDC

border

#88D6EF

text

#DBF6FF

Open in StudioOpen in PickerAll palettes

Colors in Pure Laguna Archive: HEX, RGB, HSL & OKLCH

  • bg

    #01080E

    #01080E color page →
    RGB
    rgb(1 8 14)
    HSL
    hsl(208 87% 3%)
    OKLCH
    oklch(0.127 0.022 233.5)

    WCAG contrast: on white 20.14:1 (AAA) · on black 1.04:1 (Fail)

  • surface

    #00243A

    #00243A color page →
    RGB
    rgb(0 36 58)
    HSL
    hsl(203 100% 11%)
    OKLCH
    oklch(0.249 0.058 240.8)

    WCAG contrast: on white 15.98:1 (AAA) · on black 1.31:1 (Fail)

  • muted

    #004262

    #004262 color page →
    RGB
    rgb(0 66 98)
    HSL
    hsl(200 100% 19%)
    OKLCH
    oklch(0.36 0.08 238.3)

    WCAG contrast: on white 10.73:1 (AAA) · on black 1.95:1 (Fail)

  • primary

    #00638C

    #00638C color page →
    RGB
    rgb(0 99 140)
    HSL
    hsl(198 100% 27%)
    OKLCH
    oklch(0.472 0.101 235.7)

    WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)

  • secondary

    #007DAC

    #007DAC color page →
    RGB
    rgb(0 125 172)
    HSL
    hsl(196 100% 34%)
    OKLCH
    oklch(0.555 0.116 233.8)

    WCAG contrast: on white 4.63:1 (AA) · on black 4.52:1 (AA)

  • accent

    #00A6D2

    #00A6D2 color page →
    RGB
    rgb(0 166 210)
    HSL
    hsl(193 100% 41%)
    OKLCH
    oklch(0.675 0.128 225.3)

    WCAG contrast: on white 2.84:1 (Fail) · on black 7.38:1 (AAA)

  • highlight

    #55BBDC

    #55BBDC color page →
    RGB
    rgb(85 187 220)
    HSL
    hsl(195 66% 60%)
    OKLCH
    oklch(0.745 0.105 222.3)

    WCAG contrast: on white 2.20:1 (Fail) · on black 9.52:1 (AAA)

  • border

    #88D6EF

    #88D6EF color page →
    RGB
    rgb(136 214 239)
    HSL
    hsl(195 76% 74%)
    OKLCH
    oklch(0.834 0.084 220.3)

    WCAG contrast: on white 1.62:1 (Fail) · on black 12.91:1 (AAA)

  • text

    #DBF6FF

    #DBF6FF color page →
    RGB
    rgb(219 246 255)
    HSL
    hsl(195 100% 93%)
    OKLCH
    oklch(0.956 0.031 219.8)

    WCAG contrast: on white 1.12:1 (Fail) · on black 18.63:1 (AAA)

Export Pure Laguna Archive: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #01080e;
  --surface: #00243a;
  --muted: #004262;
  --primary: #00638c;
  --secondary: #007dac;
  --accent: #00a6d2;
  --highlight: #55bbdc;
  --border: #88d6ef;
  --text: #dbf6ff;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #01080e;
  --color-surface: #00243a;
  --color-muted: #004262;
  --color-primary: #00638c;
  --color-secondary: #007dac;
  --color-accent: #00a6d2;
  --color-highlight: #55bbdc;
  --color-border: #88d6ef;
  --color-text: #dbf6ff;
}

JSON (DTCG tokens)

{
  "pure-laguna-archive-6de": {
    "bg": {
      "$type": "color",
      "$value": "#01080e"
    },
    "surface": {
      "$type": "color",
      "$value": "#00243a"
    },
    "muted": {
      "$type": "color",
      "$value": "#004262"
    },
    "primary": {
      "$type": "color",
      "$value": "#00638c"
    },
    "secondary": {
      "$type": "color",
      "$value": "#007dac"
    },
    "accent": {
      "$type": "color",
      "$value": "#00a6d2"
    },
    "highlight": {
      "$type": "color",
      "$value": "#55bbdc"
    },
    "border": {
      "$type": "color",
      "$value": "#88d6ef"
    },
    "text": {
      "$type": "color",
      "$value": "#dbf6ff"
    }
  }
}

About this palette

Pure Laguna Archive is a 9-color OKLCH-ready palette tagged blue, cold, 9 colors. Hex values: #01080E, #00243A, #004262, #00638C, #007DAC, #00A6D2, #55BBDC, #88D6EF, #DBF6FF. APCA contrast score Lc 9.4. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Pure Ahoy! Blue BeaconTrending · Blue
  • Rainy Mood MeadowBlue · Cold
  • Classic Ahoy! Blue FogBlue · Cold
  • Turkish Jade NoirBlue · Cold
  • Muted Maniac Mansion FogBlue · Gray
  • Steady Blue Ocean NoirBlue · Cold

Palettes with similar colors

Closest to Pure Laguna Archive by OKLab color distance.

  • Steady Blue Ocean GlacierBlue · Cold
  • Steady Blue Ocean RibbonBlue · Cold
  • Pure Blue Burst CascadeBlue · Cold
  • Pure Honolulu Blue GlacierViolet · Cold
  • True Sky Blue SystemBlue · Cold
  • Luminous Caribbean Blue GroveBlue · 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