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/Quiet Bucolic Cascade

Palette · 6 colors · Lc 9.5

Quiet Bucolic Cascade palette

Quiet Bucolic Cascade: a 6-color palette (Green, Nature, 6 Colors). HEX, RGB, HSL and OKLCH for #EDF5EA, #97B180, #568043, #216131, #0D3A21, #031102, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Nature
  • 6 Colors

bg

#EDF5EA

surface

#97B180

muted

#568043

primary

#216131

accent

#0D3A21

text

#031102

Open in StudioOpen in PickerAll palettes

Colors in Quiet Bucolic Cascade: HEX, RGB, HSL & OKLCH

  • bg

    #EDF5EA

    #EDF5EA color page →
    RGB
    rgb(237 245 234)
    HSL
    hsl(104 35% 94%)
    OKLCH
    oklch(0.961 0.017 137)

    WCAG contrast: on white 1.11:1 (Fail) · on black 18.84:1 (AAA)

  • surface

    #97B180

    #97B180 color page →
    RGB
    rgb(151 177 128)
    HSL
    hsl(92 24% 60%)
    OKLCH
    oklch(0.728 0.074 130.8)

    WCAG contrast: on white 2.35:1 (Fail) · on black 8.91:1 (AAA)

  • muted

    #568043

    #568043 color page →
    RGB
    rgb(86 128 67)
    HSL
    hsl(101 31% 38%)
    OKLCH
    oklch(0.554 0.101 136.6)

    WCAG contrast: on white 4.60:1 (AA) · on black 4.56:1 (AA)

  • primary

    #216131

    #216131 color page →
    RGB
    rgb(33 97 49)
    HSL
    hsl(135 49% 25%)
    OKLCH
    oklch(0.439 0.101 148.7)

    WCAG contrast: on white 7.44:1 (AAA) · on black 2.81:1 (Fail)

  • accent

    #0D3A21

    #0D3A21 color page →
    RGB
    rgb(13 58 33)
    HSL
    hsl(147 63% 14%)
    OKLCH
    oklch(0.311 0.066 154.8)

    WCAG contrast: on white 12.77:1 (AAA) · on black 1.64:1 (Fail)

  • text

    #031102

    #031102 color page →
    RGB
    rgb(3 17 2)
    HSL
    hsl(116 79% 4%)
    OKLCH
    oklch(0.158 0.042 141.3)

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

Export Quiet Bucolic Cascade: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #edf5ea;
  --surface: #97b180;
  --muted: #568043;
  --primary: #216131;
  --accent: #0d3a21;
  --text: #031102;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #edf5ea;
  --color-surface: #97b180;
  --color-muted: #568043;
  --color-primary: #216131;
  --color-accent: #0d3a21;
  --color-text: #031102;
}

JSON (DTCG tokens)

{
  "quiet-bucolic-cascade-62l": {
    "bg": {
      "$type": "color",
      "$value": "#edf5ea"
    },
    "surface": {
      "$type": "color",
      "$value": "#97b180"
    },
    "muted": {
      "$type": "color",
      "$value": "#568043"
    },
    "primary": {
      "$type": "color",
      "$value": "#216131"
    },
    "accent": {
      "$type": "color",
      "$value": "#0d3a21"
    },
    "text": {
      "$type": "color",
      "$value": "#031102"
    }
  }
}

About this palette

Quiet Bucolic Cascade is a 6-color OKLCH-ready palette tagged green, nature, 6 colors. Hex values: #EDF5EA, #97B180, #568043, #216131, #0D3A21, #031102. APCA contrast score Lc 9.5. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Muted Ficus Elastica PulseGreen · Cold
  • Pure Beanpole QuartzGreen · Nature
  • Low Woodland Wonder BloomGreen · Nature
  • Steady Illuminati Green ArchiveGreen · Cold
  • Pure Arrakis Spice NexusGreen · Warm
  • Steady Tosty Crust CascadeGreen · Warm

Palettes with similar colors

Closest to Quiet Bucolic Cascade by OKLab color distance.

  • Dusk Woodland Wonder MirrorGreen · Nature
  • Classic Mana Tree StudioGreen · Nature
  • Low Bucolic NexusGreen · Nature
  • Dusk Bucolic SignalGreen · Nature
  • Dusk Woodland Wonder CascadeGreen · Nature
  • Pure Monster Monstera ForgeGreen · 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