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 Beanpole Quartz

Palette · 6 colors · Lc 8.9

Pure Beanpole Quartz palette

Pure Beanpole Quartz: a 6-color palette (Green, Nature, 6 Colors). HEX, RGB, HSL and OKLCH for #E3F3DF, #96B88D, #4E8249, #2A612D, #08321A, #0A130B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Nature
  • 6 Colors

bg

#E3F3DF

surface

#96B88D

muted

#4E8249

primary

#2A612D

accent

#08321A

text

#0A130B

Open in StudioOpen in PickerAll palettes

Colors in Pure Beanpole Quartz: HEX, RGB, HSL & OKLCH

  • bg

    #E3F3DF

    #E3F3DF color page →
    RGB
    rgb(227 243 223)
    HSL
    hsl(108 45% 91%)
    OKLCH
    oklch(0.947 0.031 139.4)

    WCAG contrast: on white 1.15:1 (Fail) · on black 18.15:1 (AAA)

  • surface

    #96B88D

    #96B88D color page →
    RGB
    rgb(150 184 141)
    HSL
    hsl(107 23% 64%)
    OKLCH
    oklch(0.746 0.071 139.2)

    WCAG contrast: on white 2.20:1 (Fail) · on black 9.53:1 (AAA)

  • muted

    #4E8249

    #4E8249 color page →
    RGB
    rgb(78 130 73)
    HSL
    hsl(115 28% 40%)
    OKLCH
    oklch(0.555 0.102 142.2)

    WCAG contrast: on white 4.55:1 (AA) · on black 4.61:1 (AA)

  • primary

    #2A612D

    #2A612D color page →
    RGB
    rgb(42 97 45)
    HSL
    hsl(123 40% 27%)
    OKLCH
    oklch(0.442 0.101 144.6)

    WCAG contrast: on white 7.37:1 (AAA) · on black 2.84:1 (Fail)

  • accent

    #08321A

    #08321A color page →
    RGB
    rgb(8 50 26)
    HSL
    hsl(146 72% 11%)
    OKLCH
    oklch(0.282 0.063 153.7)

    WCAG contrast: on white 14.17:1 (AAA) · on black 1.48:1 (Fail)

  • text

    #0A130B

    #0A130B color page →
    RGB
    rgb(10 19 11)
    HSL
    hsl(127 31% 6%)
    OKLCH
    oklch(0.175 0.021 147.4)

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

Export Pure Beanpole Quartz: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e3f3df;
  --surface: #96b88d;
  --muted: #4e8249;
  --primary: #2a612d;
  --accent: #08321a;
  --text: #0a130b;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e3f3df;
  --color-surface: #96b88d;
  --color-muted: #4e8249;
  --color-primary: #2a612d;
  --color-accent: #08321a;
  --color-text: #0a130b;
}

JSON (DTCG tokens)

{
  "pure-beanpole-quartz-1ab": {
    "bg": {
      "$type": "color",
      "$value": "#e3f3df"
    },
    "surface": {
      "$type": "color",
      "$value": "#96b88d"
    },
    "muted": {
      "$type": "color",
      "$value": "#4e8249"
    },
    "primary": {
      "$type": "color",
      "$value": "#2a612d"
    },
    "accent": {
      "$type": "color",
      "$value": "#08321a"
    },
    "text": {
      "$type": "color",
      "$value": "#0a130b"
    }
  }
}

About this palette

Pure Beanpole Quartz is a 6-color OKLCH-ready palette tagged green, nature, 6 colors. Hex values: #E3F3DF, #96B88D, #4E8249, #2A612D, #08321A, #0A130B. APCA contrast score Lc 8.9. 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
  • Low Woodland Wonder BloomGreen · Nature
  • Steady Illuminati Green ArchiveGreen · Cold
  • Pure Arrakis Spice NexusGreen · Warm
  • Steady Tosty Crust CascadeGreen · Warm
  • Quiet Woodland Wonder FogGreen · Nature

Palettes with similar colors

Closest to Pure Beanpole Quartz by OKLab color distance.

  • Dusk Woodland Wonder GardenGreen · Nature
  • Dusk Woodland Wonder MirrorGreen · Nature
  • Quiet Ficus Elastica GroveGreen · Cold
  • Quiet Moor-Monster GlacierGreen · Nature
  • Low Pine DeltaGreen · Cold
  • Classic Beanpole NexusGreen · 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