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 Herbal Studio

Palette · 9 colors · Lc 10

Pure Herbal Studio palette

Pure Herbal Studio: a 9-color palette (Turquoise, Cold, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #E0FFF3, #A1DCC3, #65C59B, #00AC85, #008E5E, #00704C, #004D2A, #002C1B, #000E07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Turquoise
  • Cold
  • Monochromatic
  • 9 Colors

bg

#E0FFF3

surface

#A1DCC3

muted

#65C59B

primary

#00AC85

secondary

#008E5E

accent

#00704C

highlight

#004D2A

border

#002C1B

text

#000E07

Open in StudioOpen in PickerAll palettes

Colors in Pure Herbal Studio: HEX, RGB, HSL & OKLCH

  • bg

    #E0FFF3

    #E0FFF3 color page →
    RGB
    rgb(224 255 243)
    HSL
    hsl(157 100% 94%)
    OKLCH
    oklch(0.974 0.036 170.3)

    WCAG contrast: on white 1.06:1 (Fail) · on black 19.76:1 (AAA)

  • surface

    #A1DCC3

    #A1DCC3 color page →
    RGB
    rgb(161 220 195)
    HSL
    hsl(155 46% 75%)
    OKLCH
    oklch(0.847 0.07 166.7)

    WCAG contrast: on white 1.55:1 (Fail) · on black 13.54:1 (AAA)

  • muted

    #65C59B

    #65C59B color page →
    RGB
    rgb(101 197 155)
    HSL
    hsl(154 45% 58%)
    OKLCH
    oklch(0.753 0.111 163.3)

    WCAG contrast: on white 2.09:1 (Fail) · on black 10.01:1 (AAA)

  • primary

    #00AC85

    #00AC85 color page →
    RGB
    rgb(0 172 133)
    HSL
    hsl(166 100% 34%)
    OKLCH
    oklch(0.662 0.132 169.2)

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

  • secondary

    #008E5E

    #008E5E color page →
    RGB
    rgb(0 142 94)
    HSL
    hsl(160 100% 28%)
    OKLCH
    oklch(0.571 0.128 160.7)

    WCAG contrast: on white 4.17:1 (Fail) · on black 5.03:1 (AA)

  • accent

    #00704C

    #00704C color page →
    RGB
    rgb(0 112 76)
    HSL
    hsl(161 100% 22%)
    OKLCH
    oklch(0.482 0.105 162.5)

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

  • highlight

    #004D2A

    #004D2A color page →
    RGB
    rgb(0 77 42)
    HSL
    hsl(153 100% 15%)
    OKLCH
    oklch(0.369 0.09 155.6)

    WCAG contrast: on white 10.02:1 (AAA) · on black 2.09:1 (Fail)

  • border

    #002C1B

    #002C1B color page →
    RGB
    rgb(0 44 27)
    HSL
    hsl(157 100% 9%)
    OKLCH
    oklch(0.259 0.057 161.9)

    WCAG contrast: on white 15.26:1 (AAA) · on black 1.37:1 (Fail)

  • text

    #000E07

    #000E07 color page →
    RGB
    rgb(0 14 7)
    HSL
    hsl(150 100% 3%)
    OKLCH
    oklch(0.145 0.031 164.5)

    WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)

Export Pure Herbal Studio: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e0fff3;
  --surface: #a1dcc3;
  --muted: #65c59b;
  --primary: #00ac85;
  --secondary: #008e5e;
  --accent: #00704c;
  --highlight: #004d2a;
  --border: #002c1b;
  --text: #000e07;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e0fff3;
  --color-surface: #a1dcc3;
  --color-muted: #65c59b;
  --color-primary: #00ac85;
  --color-secondary: #008e5e;
  --color-accent: #00704c;
  --color-highlight: #004d2a;
  --color-border: #002c1b;
  --color-text: #000e07;
}

JSON (DTCG tokens)

{
  "pure-herbal-studio-7au": {
    "bg": {
      "$type": "color",
      "$value": "#e0fff3"
    },
    "surface": {
      "$type": "color",
      "$value": "#a1dcc3"
    },
    "muted": {
      "$type": "color",
      "$value": "#65c59b"
    },
    "primary": {
      "$type": "color",
      "$value": "#00ac85"
    },
    "secondary": {
      "$type": "color",
      "$value": "#008e5e"
    },
    "accent": {
      "$type": "color",
      "$value": "#00704c"
    },
    "highlight": {
      "$type": "color",
      "$value": "#004d2a"
    },
    "border": {
      "$type": "color",
      "$value": "#002c1b"
    },
    "text": {
      "$type": "color",
      "$value": "#000e07"
    }
  }
}

About this palette

Pure Herbal Studio is a 9-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 9 colors. Hex values: #E0FFF3, #A1DCC3, #65C59B, #00AC85, #008E5E, #00704C, #004D2A, #002C1B, #000E07. APCA contrast score Lc 10. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Elf TideTurquoise · Cold
  • Airy Pristine Oceanic EmberTurquoise · Cold
  • Bright Pristine Oceanic CircuitTurquoise · Cold
  • True Hobgoblin NoirTrending · Turquoise
  • True Elf QuartzTurquoise · Cold
  • Paolo Veronese Green EmberTurquoise · Cold

Palettes with similar colors

Closest to Pure Herbal Studio by OKLab color distance.

  • Classic Center Field PulseGreen · Cold
  • Classic Cosmic Green HarborTurquoise · Cold
  • Jade OrchardTurquoise · Cold
  • Bleached Olive BeaconTurquoise · Cold
  • Rainforest DuneTurquoise · Cold
  • Pure Hobgoblin MirrorTurquoise · 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