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 Bucolic Garden

Palette · 5 colors · Lc 9.7

True Bucolic Garden palette

True Bucolic Garden: a 5-color palette (Green, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #EAF2EB, #86B384, #316B39, #00472B, #000F04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Nature
  • 5 Colors

bg

#EAF2EB

surface

#86B384

primary

#316B39

accent

#00472B

text

#000F04

Open in StudioOpen in PickerAll palettes

Colors in True Bucolic Garden: HEX, RGB, HSL & OKLCH

  • bg

    #EAF2EB

    #EAF2EB color page →
    RGB
    rgb(234 242 235)
    HSL
    hsl(127 24% 93%)
    OKLCH
    oklch(0.953 0.013 149.2)

    WCAG contrast: on white 1.14:1 (Fail) · on black 18.39:1 (AAA)

  • surface

    #86B384

    #86B384 color page →
    RGB
    rgb(134 179 132)
    HSL
    hsl(117 24% 61%)
    OKLCH
    oklch(0.722 0.083 143.6)

    WCAG contrast: on white 2.38:1 (Fail) · on black 8.79:1 (AAA)

  • primary

    #316B39

    #316B39 color page →
    RGB
    rgb(49 107 57)
    HSL
    hsl(128 37% 31%)
    OKLCH
    oklch(0.475 0.1 146.7)

    WCAG contrast: on white 6.37:1 (AA) · on black 3.29:1 (Fail)

  • accent

    #00472B

    #00472B color page →
    RGB
    rgb(0 71 43)
    HSL
    hsl(156 100% 14%)
    OKLCH
    oklch(0.351 0.08 159.2)

    WCAG contrast: on white 10.84:1 (AAA) · on black 1.93:1 (Fail)

  • text

    #000F04

    #000F04 color page →
    RGB
    rgb(0 15 4)
    HSL
    hsl(136 100% 3%)
    OKLCH
    oklch(0.148 0.038 152.9)

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

Export True Bucolic Garden: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #eaf2eb;
  --surface: #86b384;
  --primary: #316b39;
  --accent: #00472b;
  --text: #000f04;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #eaf2eb;
  --color-surface: #86b384;
  --color-primary: #316b39;
  --color-accent: #00472b;
  --color-text: #000f04;
}

JSON (DTCG tokens)

{
  "true-bucolic-garden-75m": {
    "bg": {
      "$type": "color",
      "$value": "#eaf2eb"
    },
    "surface": {
      "$type": "color",
      "$value": "#86b384"
    },
    "primary": {
      "$type": "color",
      "$value": "#316b39"
    },
    "accent": {
      "$type": "color",
      "$value": "#00472b"
    },
    "text": {
      "$type": "color",
      "$value": "#000f04"
    }
  }
}

About this palette

True Bucolic Garden is a 5-color OKLCH-ready palette tagged green, nature, 5 colors. Hex values: #EAF2EB, #86B384, #316B39, #00472B, #000F04. APCA contrast score Lc 9.7. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Opal Green FogTrending · Turquoise
  • Steady Overgrown Temple MirrorTrending · Green
  • Pure Succulents RibbonTrending · Green
  • Pure Under the Radar PrismTrending · Green
  • Pure Greasy Greens RibbonTurquoise · Cold
  • Classic Bucolic GroveGreen · Cold

Palettes with similar colors

Closest to True Bucolic Garden by OKLab color distance.

  • Enchanted Glen QuartzGreen · Nature
  • Classic Succulents HorizonGreen · Cold
  • Pure Enchanted Glen QuartzTrending · Green
  • Pure Enchanted Glen PulseGreen · Nature
  • Pure Enchanted Glen EmberGreen · Nature
  • True Succulents CircuitTrending · Green
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