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 Java Signal

Palette · 10 colors · Lc 9

Pure Java Signal palette

Pure Java Signal: a 10-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E6F6F7, #B5E1DE, #8BC7BE, #57A4A2, #009294, #00777A, #005C59, #004A3E, #00272A, #011115, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Cold
  • Ocean
  • Nature
  • 10 Colors

bg

#E6F6F7

surface

#B5E1DE

muted

#8BC7BE

primary

#57A4A2

secondary

#009294

accent

#00777A

highlight

#005C59

border

#004A3E

focus

#00272A

text

#011115

Open in StudioOpen in PickerAll palettes

Colors in Pure Java Signal: HEX, RGB, HSL & OKLCH

  • bg

    #E6F6F7

    #E6F6F7 color page →
    RGB
    rgb(230 246 247)
    HSL
    hsl(184 52% 94%)
    OKLCH
    oklch(0.962 0.017 201.4)

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

  • surface

    #B5E1DE

    #B5E1DE color page →
    RGB
    rgb(181 225 222)
    HSL
    hsl(176 42% 80%)
    OKLCH
    oklch(0.878 0.046 191.2)

    WCAG contrast: on white 1.41:1 (Fail) · on black 14.78:1 (AAA)

  • muted

    #8BC7BE

    #8BC7BE color page →
    RGB
    rgb(139 199 190)
    HSL
    hsl(171 35% 66%)
    OKLCH
    oklch(0.786 0.063 184.4)

    WCAG contrast: on white 1.90:1 (Fail) · on black 11.01:1 (AAA)

  • primary

    #57A4A2

    #57A4A2 color page →
    RGB
    rgb(87 164 162)
    HSL
    hsl(178 31% 49%)
    OKLCH
    oklch(0.669 0.076 193.3)

    WCAG contrast: on white 2.90:1 (Fail) · on black 7.23:1 (AAA)

  • secondary

    #009294

    #009294 color page →
    RGB
    rgb(0 146 148)
    HSL
    hsl(181 100% 29%)
    OKLCH
    oklch(0.598 0.102 196.5)

    WCAG contrast: on white 3.79:1 (Fail) · on black 5.53:1 (AA)

  • accent

    #00777A

    #00777A color page →
    RGB
    rgb(0 119 122)
    HSL
    hsl(181 100% 24%)
    OKLCH
    oklch(0.517 0.088 197.9)

    WCAG contrast: on white 5.35:1 (AA) · on black 3.91:1 (Fail)

  • highlight

    #005C59

    #005C59 color page →
    RGB
    rgb(0 92 89)
    HSL
    hsl(178 100% 18%)
    OKLCH
    oklch(0.429 0.074 190.9)

    WCAG contrast: on white 7.85:1 (AAA) · on black 2.67:1 (Fail)

  • border

    #004A3E

    #004A3E color page →
    RGB
    rgb(0 74 62)
    HSL
    hsl(170 100% 15%)
    OKLCH
    oklch(0.366 0.068 177.1)

    WCAG contrast: on white 10.24:1 (AAA) · on black 2.04:1 (Fail)

  • focus

    #00272A

    #00272A color page →
    RGB
    rgb(0 39 42)
    HSL
    hsl(184 100% 8%)
    OKLCH
    oklch(0.248 0.042 202.5)

    WCAG contrast: on white 15.86:1 (AAA) · on black 1.32:1 (Fail)

  • text

    #011115

    #011115 color page →
    RGB
    rgb(1 17 21)
    HSL
    hsl(192 91% 4%)
    OKLCH
    oklch(0.164 0.027 213.4)

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

Export Pure Java Signal: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e6f6f7;
  --surface: #b5e1de;
  --muted: #8bc7be;
  --primary: #57a4a2;
  --secondary: #009294;
  --accent: #00777a;
  --highlight: #005c59;
  --border: #004a3e;
  --focus: #00272a;
  --text: #011115;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e6f6f7;
  --color-surface: #b5e1de;
  --color-muted: #8bc7be;
  --color-primary: #57a4a2;
  --color-secondary: #009294;
  --color-accent: #00777a;
  --color-highlight: #005c59;
  --color-border: #004a3e;
  --color-focus: #00272a;
  --color-text: #011115;
}

JSON (DTCG tokens)

{
  "pure-java-signal-5mv": {
    "bg": {
      "$type": "color",
      "$value": "#e6f6f7"
    },
    "surface": {
      "$type": "color",
      "$value": "#b5e1de"
    },
    "muted": {
      "$type": "color",
      "$value": "#8bc7be"
    },
    "primary": {
      "$type": "color",
      "$value": "#57a4a2"
    },
    "secondary": {
      "$type": "color",
      "$value": "#009294"
    },
    "accent": {
      "$type": "color",
      "$value": "#00777a"
    },
    "highlight": {
      "$type": "color",
      "$value": "#005c59"
    },
    "border": {
      "$type": "color",
      "$value": "#004a3e"
    },
    "focus": {
      "$type": "color",
      "$value": "#00272a"
    },
    "text": {
      "$type": "color",
      "$value": "#011115"
    }
  }
}

About this palette

Pure Java Signal is a 10-color OKLCH-ready palette tagged blue, cold, ocean, nature, 10 colors. Hex values: #E6F6F7, #B5E1DE, #8BC7BE, #57A4A2, #009294, #00777A, #005C59, #004A3E, #00272A, #011115. 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 Turkish Jade OrchardBlue · Cold
  • Pure Blue Moon LedgerBlue · Cold
  • Oasis SignalBlue · Cold
  • Steady Pristine Seas SystemBlue · Cold
  • Pure Waikiki PrismBlue · Cold
  • Pure Oasis QuartzBlue · Cold

Palettes with similar colors

Closest to Pure Java Signal by OKLab color distance.

  • Oasis ForgeBlue · Cold
  • Emperor Jade DeltaTurquoise · Cold
  • Classic Waterfall EmberTurquoise · Cold
  • Classic Teal TideBlue · Cold
  • Pure Oasis CircuitBlue · Cold
  • Bermuda PulseBlue · 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