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/Prismarine Fog

Palette · 6 colors · Lc 9.8

Prismarine Fog palette

Prismarine Fog: a 6-color palette (Trending, Blue, Cold, Ocean). HEX, RGB, HSL and OKLCH for #F1FBFB, #8AD0CB, #3B949C, #007277, #00423E, #020F14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Trending
  • Blue
  • Cold
  • Ocean
  • Nature
  • 6 Colors

bg

#F1FBFB

surface

#8AD0CB

muted

#3B949C

primary

#007277

accent

#00423E

text

#020F14

Open in StudioOpen in PickerAll palettes

Colors in Prismarine Fog: HEX, RGB, HSL & OKLCH

  • bg

    #F1FBFB

    #F1FBFB color page →
    RGB
    rgb(241 251 251)
    HSL
    hsl(180 56% 96%)
    OKLCH
    oklch(0.981 0.011 197)

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

  • surface

    #8AD0CB

    #8AD0CB color page →
    RGB
    rgb(138 208 203)
    HSL
    hsl(176 43% 68%)
    OKLCH
    oklch(0.81 0.071 190.2)

    WCAG contrast: on white 1.75:1 (Fail) · on black 11.96:1 (AAA)

  • muted

    #3B949C

    #3B949C color page →
    RGB
    rgb(59 148 156)
    HSL
    hsl(185 45% 42%)
    OKLCH
    oklch(0.617 0.084 203.4)

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

  • primary

    #007277

    #007277 color page →
    RGB
    rgb(0 114 119)
    HSL
    hsl(183 100% 23%)
    OKLCH
    oklch(0.502 0.085 200.1)

    WCAG contrast: on white 5.71:1 (AA) · on black 3.67:1 (Fail)

  • accent

    #00423E

    #00423E color page →
    RGB
    rgb(0 66 62)
    HSL
    hsl(176 100% 13%)
    OKLCH
    oklch(0.342 0.059 188)

    WCAG contrast: on white 11.35:1 (AAA) · on black 1.84:1 (Fail)

  • text

    #020F14

    #020F14 color page →
    RGB
    rgb(2 15 20)
    HSL
    hsl(197 82% 4%)
    OKLCH
    oklch(0.158 0.024 221.4)

    WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)

Export Prismarine Fog: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f1fbfb;
  --surface: #8ad0cb;
  --muted: #3b949c;
  --primary: #007277;
  --accent: #00423e;
  --text: #020f14;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f1fbfb;
  --color-surface: #8ad0cb;
  --color-muted: #3b949c;
  --color-primary: #007277;
  --color-accent: #00423e;
  --color-text: #020f14;
}

JSON (DTCG tokens)

{
  "prismarine-fog-2fn": {
    "bg": {
      "$type": "color",
      "$value": "#f1fbfb"
    },
    "surface": {
      "$type": "color",
      "$value": "#8ad0cb"
    },
    "muted": {
      "$type": "color",
      "$value": "#3b949c"
    },
    "primary": {
      "$type": "color",
      "$value": "#007277"
    },
    "accent": {
      "$type": "color",
      "$value": "#00423e"
    },
    "text": {
      "$type": "color",
      "$value": "#020f14"
    }
  }
}

About this palette

Prismarine Fog is a 6-color OKLCH-ready palette tagged trending, blue, cold, ocean, nature, 6 colors. Hex values: #F1FBFB, #8AD0CB, #3B949C, #007277, #00423E, #020F14. APCA contrast score Lc 9.8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Pure Enchanted Well OrchardTrending · Blue
  • Steady Mediterranean Sea HarborTrending · Blue
  • Surgical AtelierBlue · Cold
  • Pure Swimmer QuartzBlue · Cold
  • Baltic DuneBlue · Cold
  • Steady Java DuneBlue · Cold

Palettes with similar colors

Closest to Prismarine Fog by OKLab color distance.

  • Pure Prismarine SignalBlue · Cold
  • True Java StudioBlue · Cold
  • Pure Oasis NoirBlue · Cold
  • True Rainy Mood OrchardBlue · Cold
  • Prismarine EmberBlue · Cold
  • Steady Prismarine AtelierBlue · 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