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/True Verdant Haven Quartz

Palette · 4 colors · Lc 8.8

True Verdant Haven Quartz palette

True Verdant Haven Quartz: a 4-color palette (Green, Gray, Nature, 4 Colors). HEX, RGB, HSL and OKLCH for #E4E9E4, #87AD80, #043E26, #050E05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Gray
  • Nature
  • 4 Colors

bg

#E4E9E4

surface

#87AD80

accent

#043E26

text

#050E05

Open in StudioOpen in PickerAll palettes

Colors in True Verdant Haven Quartz: HEX, RGB, HSL & OKLCH

  • bg

    #E4E9E4

    #E4E9E4 color page →
    RGB
    rgb(228 233 228)
    HSL
    hsl(120 10% 90%)
    OKLCH
    oklch(0.929 0.009 145.5)

    WCAG contrast: on white 1.22:1 (Fail) · on black 17.07:1 (AAA)

  • surface

    #87AD80

    #87AD80 color page →
    RGB
    rgb(135 173 128)
    HSL
    hsl(111 22% 59%)
    OKLCH
    oklch(0.708 0.076 140.7)

    WCAG contrast: on white 2.52:1 (Fail) · on black 8.31:1 (AAA)

  • accent

    #043E26

    #043E26 color page →
    RGB
    rgb(4 62 38)
    HSL
    hsl(155 88% 13%)
    OKLCH
    oklch(0.322 0.071 159.4)

    WCAG contrast: on white 12.19:1 (AAA) · on black 1.72:1 (Fail)

  • text

    #050E05

    #050E05 color page →
    RGB
    rgb(5 14 5)
    HSL
    hsl(120 47% 4%)
    OKLCH
    oklch(0.15 0.026 144.2)

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

Export True Verdant Haven Quartz: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e4e9e4;
  --surface: #87ad80;
  --accent: #043e26;
  --text: #050e05;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e4e9e4;
  --color-surface: #87ad80;
  --color-accent: #043e26;
  --color-text: #050e05;
}

JSON (DTCG tokens)

{
  "true-verdant-haven-quartz-fl": {
    "bg": {
      "$type": "color",
      "$value": "#e4e9e4"
    },
    "surface": {
      "$type": "color",
      "$value": "#87ad80"
    },
    "accent": {
      "$type": "color",
      "$value": "#043e26"
    },
    "text": {
      "$type": "color",
      "$value": "#050e05"
    }
  }
}

About this palette

True Verdant Haven Quartz is a 4-color OKLCH-ready palette tagged green, gray, nature, 4 colors. Hex values: #E4E9E4, #87AD80, #043E26, #050E05. APCA contrast score Lc 8.8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Pure Green Goddess PrismGreen · Gray
  • Outback MeadowGreen · Gray
  • True Green Goddess LedgerGreen · Gray
  • True Green Goddess LedgerGreen · Gray
  • True Cardboard CircuitGreen · Gray
  • Pony MeadowGreen · Gray

Palettes with similar colors

Closest to True Verdant Haven Quartz by OKLab color distance.

  • Classic Green Tea Mochi MirrorGreen · Nature
  • Quiet Zucchini OrchardTurquoise · Gray
  • Steady Green Tea Mochi EmberGreen · Nature
  • Low Zucchini DriftTurquoise · Gray
  • Low Lost in the Woods ForgeGreen · Gray
  • Classic Garden of Eden CanvasGreen · Nature
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