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 Hydra Harbor

Palette · 6 colors · Lc 9

Pure Hydra Harbor palette

Pure Hydra Harbor: a 6-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E6F7FF, #99CADE, #3F90BA, #006999, #00445C, #060C16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Violet
  • Cold
  • Ocean
  • Nature
  • 6 Colors

bg

#E6F7FF

surface

#99CADE

muted

#3F90BA

primary

#006999

accent

#00445C

text

#060C16

Open in StudioOpen in PickerAll palettes

Colors in Pure Hydra Harbor: HEX, RGB, HSL & OKLCH

  • bg

    #E6F7FF

    #E6F7FF color page →
    RGB
    rgb(230 247 255)
    HSL
    hsl(199 100% 95%)
    OKLCH
    oklch(0.966 0.021 227.5)

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

  • surface

    #99CADE

    #99CADE color page →
    RGB
    rgb(153 202 222)
    HSL
    hsl(197 51% 74%)
    OKLCH
    oklch(0.811 0.058 225)

    WCAG contrast: on white 1.77:1 (Fail) · on black 11.85:1 (AAA)

  • muted

    #3F90BA

    #3F90BA color page →
    RGB
    rgb(63 144 186)
    HSL
    hsl(200 49% 49%)
    OKLCH
    oklch(0.621 0.101 234.3)

    WCAG contrast: on white 3.55:1 (Fail) · on black 5.90:1 (AA)

  • primary

    #006999

    #006999 color page →
    RGB
    rgb(0 105 153)
    HSL
    hsl(199 100% 30%)
    OKLCH
    oklch(0.495 0.111 238.5)

    WCAG contrast: on white 6.03:1 (AA) · on black 3.48:1 (Fail)

  • accent

    #00445C

    #00445C color page →
    RGB
    rgb(0 68 92)
    HSL
    hsl(196 100% 18%)
    OKLCH
    oklch(0.362 0.072 229.9)

    WCAG contrast: on white 10.59:1 (AAA) · on black 1.98:1 (Fail)

  • text

    #060C16

    #060C16 color page →
    RGB
    rgb(6 12 22)
    HSL
    hsl(218 57% 5%)
    OKLCH
    oklch(0.153 0.024 258.5)

    WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)

Export Pure Hydra Harbor: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e6f7ff;
  --surface: #99cade;
  --muted: #3f90ba;
  --primary: #006999;
  --accent: #00445c;
  --text: #060c16;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e6f7ff;
  --color-surface: #99cade;
  --color-muted: #3f90ba;
  --color-primary: #006999;
  --color-accent: #00445c;
  --color-text: #060c16;
}

JSON (DTCG tokens)

{
  "pure-hydra-harbor-65q": {
    "bg": {
      "$type": "color",
      "$value": "#e6f7ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#99cade"
    },
    "muted": {
      "$type": "color",
      "$value": "#3f90ba"
    },
    "primary": {
      "$type": "color",
      "$value": "#006999"
    },
    "accent": {
      "$type": "color",
      "$value": "#00445c"
    },
    "text": {
      "$type": "color",
      "$value": "#060c16"
    }
  }
}

About this palette

Pure Hydra Harbor is a 6-color OKLCH-ready palette tagged violet, cold, ocean, nature, 6 colors. Hex values: #E6F7FF, #99CADE, #3F90BA, #006999, #00445C, #060C16. APCA contrast score Lc 9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Blue Velvet NexusViolet · Cold
  • Steady Chill of the Night LedgerViolet · Cold
  • Chill of the Night HorizonViolet · Cold
  • Wavy Navy ForgeViolet · Cold
  • Classic Blue Velvet HorizonViolet · Cold
  • Pure Swimmer MeadowTrending · Violet

Palettes with similar colors

Closest to Pure Hydra Harbor by OKLab color distance.

  • True Copacabana MirrorBlue · Cold
  • Classic Swimmer BriefBlue · Cold
  • Classic Hydra DuneViolet · Cold
  • Pure Chill of the Night PrismViolet · Cold
  • Wavy Navy NoirViolet · Cold
  • Hydra AtelierViolet · 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