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/Fine Pine Circuit

Palette · 5 colors · Lc 9.2

Fine Pine Circuit palette

Fine Pine Circuit: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #ECF8E6, #008A00, #8D32A1, #1C3716, #060D04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • 5 Colors

bg

#ECF8E6

surface

#008A00

primary

#8D32A1

accent

#1C3716

text

#060D04

Open in StudioOpen in PickerAll palettes

Colors in Fine Pine Circuit: HEX, RGB, HSL & OKLCH

  • bg

    #ECF8E6

    #ECF8E6 color page →
    RGB
    rgb(236 248 230)
    HSL
    hsl(100 56% 94%)
    OKLCH
    oklch(0.965 0.027 135)

    WCAG contrast: on white 1.09:1 (Fail) · on black 19.13:1 (AAA)

  • surface

    #008A00

    #008A00 color page →
    RGB
    rgb(0 138 0)
    HSL
    hsl(120 100% 27%)
    OKLCH
    oklch(0.549 0.187 142.5)

    WCAG contrast: on white 4.53:1 (AA) · on black 4.63:1 (AA)

  • primary

    #8D32A1

    #8D32A1 color page →
    RGB
    rgb(141 50 161)
    HSL
    hsl(289 53% 41%)
    OKLCH
    oklch(0.496 0.184 319.9)

    WCAG contrast: on white 6.76:1 (AA) · on black 3.10:1 (Fail)

  • accent

    #1C3716

    #1C3716 color page →
    RGB
    rgb(28 55 22)
    HSL
    hsl(109 43% 15%)
    OKLCH
    oklch(0.306 0.065 140)

    WCAG contrast: on white 13.06:1 (AAA) · on black 1.60:1 (Fail)

  • text

    #060D04

    #060D04 color page →
    RGB
    rgb(6 13 4)
    HSL
    hsl(107 53% 3%)
    OKLCH
    oklch(0.147 0.025 137.3)

    WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)

Export Fine Pine Circuit: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #ecf8e6;
  --surface: #008a00;
  --primary: #8d32a1;
  --accent: #1c3716;
  --text: #060d04;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #ecf8e6;
  --color-surface: #008a00;
  --color-primary: #8d32a1;
  --color-accent: #1c3716;
  --color-text: #060d04;
}

JSON (DTCG tokens)

{
  "fine-pine-circuit-3l1": {
    "bg": {
      "$type": "color",
      "$value": "#ecf8e6"
    },
    "surface": {
      "$type": "color",
      "$value": "#008a00"
    },
    "primary": {
      "$type": "color",
      "$value": "#8d32a1"
    },
    "accent": {
      "$type": "color",
      "$value": "#1c3716"
    },
    "text": {
      "$type": "color",
      "$value": "#060d04"
    }
  }
}

About this palette

Fine Pine Circuit is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #ECF8E6, #008A00, #8D32A1, #1C3716, #060D04. APCA contrast score Lc 9.2. 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
  • Tree Hugger BloomGreen · Gray
  • Classic Chai Tea AtelierGreen · Warm

Palettes with similar colors

Closest to Fine Pine Circuit by OKLab color distance.

  • Pure Maniac Green CircuitGreen · 5 Colors
  • Classic Green Bell Pepper LatticeGreen · 5 Colors
  • Purple Ink KilnRed · 5 Colors
  • Purple Pleasures FogPink · 5 Colors
  • True Purple Pristine LatticeTrending · Pink
  • True Pleasant Purple GrovePink · 5 Colors
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