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/Classic Ahoy! Blue Lattice

Palette · 4 colors · Lc 8.6

Classic Ahoy! Blue Lattice palette

Classic Ahoy! Blue Lattice: a 4-color palette (Blue, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #D9EFF6, #0085A6, #726100, #061215, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Cold
  • 4 Colors

bg

#D9EFF6

surface

#0085A6

accent

#726100

text

#061215

Open in StudioOpen in PickerAll palettes

Colors in Classic Ahoy! Blue Lattice: HEX, RGB, HSL & OKLCH

  • bg

    #D9EFF6

    #D9EFF6 color page →
    RGB
    rgb(217 239 246)
    HSL
    hsl(194 62% 91%)
    OKLCH
    oklch(0.938 0.025 218.8)

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

  • surface

    #0085A6

    #0085A6 color page →
    RGB
    rgb(0 133 166)
    HSL
    hsl(192 100% 33%)
    OKLCH
    oklch(0.573 0.107 223.3)

    WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)

  • accent

    #726100

    #726100 color page →
    RGB
    rgb(114 97 0)
    HSL
    hsl(51 100% 22%)
    OKLCH
    oklch(0.494 0.102 97.1)

    WCAG contrast: on white 6.13:1 (AA) · on black 3.42:1 (Fail)

  • text

    #061215

    #061215 color page →
    RGB
    rgb(6 18 21)
    HSL
    hsl(192 56% 5%)
    OKLCH
    oklch(0.172 0.019 214.8)

    WCAG contrast: on white 19.00:1 (AAA) · on black 1.10:1 (Fail)

Export Classic Ahoy! Blue Lattice: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #d9eff6;
  --surface: #0085a6;
  --accent: #726100;
  --text: #061215;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #d9eff6;
  --color-surface: #0085a6;
  --color-accent: #726100;
  --color-text: #061215;
}

JSON (DTCG tokens)

{
  "classic-ahoy-blue-lattice-3j2": {
    "bg": {
      "$type": "color",
      "$value": "#d9eff6"
    },
    "surface": {
      "$type": "color",
      "$value": "#0085a6"
    },
    "accent": {
      "$type": "color",
      "$value": "#726100"
    },
    "text": {
      "$type": "color",
      "$value": "#061215"
    }
  }
}

About this palette

Classic Ahoy! Blue Lattice is a 4-color OKLCH-ready palette tagged blue, cold, 4 colors. Hex values: #D9EFF6, #0085A6, #726100, #061215. 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.

  • Steady Castaway DeltaTrending · Blue
  • True Sky Blue CascadeBlue · Cold
  • Classic Thalassa ArchiveBlue · Gray
  • Cruising NexusBlue · Gray
  • Mediterranean Sea AtelierBlue · Cold
  • True Cry Me a River EmberBlue · Cold

Palettes with similar colors

Closest to Classic Ahoy! Blue Lattice by OKLab color distance.

  • Steady Bermuda RibbonBlue · Cold
  • True Feminism QuartzRed · Warm
  • Classic Jacuzzi SystemViolet · Cold
  • Pure Crimson Blaze LedgerTrending · Orange
  • Steady Underwater Moonlight QuartzViolet · Gray
  • Steady Way Beyond the Blue DeltaViolet · 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