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

Palette · 5 colors · Lc 8.7

Pure Bucolic System palette

Pure Bucolic System: a 5-color palette (Green, Cold, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #E1F1E3, #81A880, #146C39, #004730, #081309, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Cold
  • Nature
  • 5 Colors

bg

#E1F1E3

surface

#81A880

primary

#146C39

accent

#004730

text

#081309

Open in StudioOpen in PickerAll palettes

Colors in Pure Bucolic System: HEX, RGB, HSL & OKLCH

  • bg

    #E1F1E3

    #E1F1E3 color page →
    RGB
    rgb(225 241 227)
    HSL
    hsl(127 36% 91%)
    OKLCH
    oklch(0.942 0.025 149.1)

    WCAG contrast: on white 1.17:1 (Fail) · on black 17.89:1 (AAA)

  • surface

    #81A880

    #81A880 color page →
    RGB
    rgb(129 168 128)
    HSL
    hsl(119 19% 58%)
    OKLCH
    oklch(0.692 0.072 144.1)

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

  • primary

    #146C39

    #146C39 color page →
    RGB
    rgb(20 108 57)
    HSL
    hsl(145 69% 25%)
    OKLCH
    oklch(0.469 0.114 152.3)

    WCAG contrast: on white 6.49:1 (AA) · on black 3.23:1 (Fail)

  • accent

    #004730

    #004730 color page →
    RGB
    rgb(0 71 48)
    HSL
    hsl(161 100% 14%)
    OKLCH
    oklch(0.352 0.075 163.7)

    WCAG contrast: on white 10.80:1 (AAA) · on black 1.94:1 (Fail)

  • text

    #081309

    #081309 color page →
    RGB
    rgb(8 19 9)
    HSL
    hsl(125 41% 5%)
    OKLCH
    oklch(0.172 0.026 146.7)

    WCAG contrast: on white 18.96:1 (AAA) · on black 1.10:1 (Fail)

Export Pure Bucolic System: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e1f1e3;
  --surface: #81a880;
  --primary: #146c39;
  --accent: #004730;
  --text: #081309;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e1f1e3;
  --color-surface: #81a880;
  --color-primary: #146c39;
  --color-accent: #004730;
  --color-text: #081309;
}

JSON (DTCG tokens)

{
  "pure-bucolic-system-2yl": {
    "bg": {
      "$type": "color",
      "$value": "#e1f1e3"
    },
    "surface": {
      "$type": "color",
      "$value": "#81a880"
    },
    "primary": {
      "$type": "color",
      "$value": "#146c39"
    },
    "accent": {
      "$type": "color",
      "$value": "#004730"
    },
    "text": {
      "$type": "color",
      "$value": "#081309"
    }
  }
}

About this palette

Pure Bucolic System is a 5-color OKLCH-ready palette tagged green, cold, nature, 5 colors. Hex values: #E1F1E3, #81A880, #146C39, #004730, #081309. APCA contrast score Lc 8.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
  • Pure Succulents RibbonTrending · Green
  • Pure Greasy Greens RibbonTurquoise · Cold
  • Classic Bucolic GroveGreen · Cold
  • Pure Jewel QuartzGreen · Cold
  • Pure Into the Green AtelierTurquoise · Cold

Palettes with similar colors

Closest to Pure Bucolic System by OKLab color distance.

  • Pure Bucolic SystemGreen · Cold
  • Classic Bucolic OrchardGreen · Nature
  • Classic Bucolic DuneGreen · Nature
  • Pure Bucolic DeltaGreen · Cold
  • Steady Jewel BloomGreen · Cold
  • Classic Bucolic AtelierGreen · 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