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 Bonsai Harbor

Palette · 5 colors · Lc 8.1

True Bonsai Harbor palette

True Bonsai Harbor: a 5-color palette (Green, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #E6E9D3, #BBAA8D, #747A4C, #375434, #1B1C0A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Gray
  • 5 Colors

bg

#E6E9D3

surface

#BBAA8D

primary

#747A4C

accent

#375434

text

#1B1C0A

Open in StudioOpen in PickerAll palettes

Colors in True Bonsai Harbor: HEX, RGB, HSL & OKLCH

  • bg

    #E6E9D3

    #E6E9D3 color page →
    RGB
    rgb(230 233 211)
    HSL
    hsl(68 33% 87%)
    OKLCH
    oklch(0.926 0.029 113.3)

    WCAG contrast: on white 1.23:1 (Fail) · on black 16.96:1 (AAA)

  • surface

    #BBAA8D

    #BBAA8D color page →
    RGB
    rgb(187 170 141)
    HSL
    hsl(38 25% 64%)
    OKLCH
    oklch(0.745 0.045 81)

    WCAG contrast: on white 2.27:1 (Fail) · on black 9.24:1 (AAA)

  • primary

    #747A4C

    #747A4C color page →
    RGB
    rgb(116 122 76)
    HSL
    hsl(68 23% 39%)
    OKLCH
    oklch(0.563 0.066 114.6)

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

  • accent

    #375434

    #375434 color page →
    RGB
    rgb(55 84 52)
    HSL
    hsl(114 24% 27%)
    OKLCH
    oklch(0.414 0.063 142.2)

    WCAG contrast: on white 8.46:1 (AAA) · on black 2.48:1 (Fail)

  • text

    #1B1C0A

    #1B1C0A color page →
    RGB
    rgb(27 28 10)
    HSL
    hsl(63 47% 7%)
    OKLCH
    oklch(0.22 0.031 111.5)

    WCAG contrast: on white 17.25:1 (AAA) · on black 1.21:1 (Fail)

Export True Bonsai Harbor: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e6e9d3;
  --surface: #bbaa8d;
  --primary: #747a4c;
  --accent: #375434;
  --text: #1b1c0a;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e6e9d3;
  --color-surface: #bbaa8d;
  --color-primary: #747a4c;
  --color-accent: #375434;
  --color-text: #1b1c0a;
}

JSON (DTCG tokens)

{
  "true-bonsai-harbor-1gk": {
    "bg": {
      "$type": "color",
      "$value": "#e6e9d3"
    },
    "surface": {
      "$type": "color",
      "$value": "#bbaa8d"
    },
    "primary": {
      "$type": "color",
      "$value": "#747a4c"
    },
    "accent": {
      "$type": "color",
      "$value": "#375434"
    },
    "text": {
      "$type": "color",
      "$value": "#1b1c0a"
    }
  }
}

About this palette

True Bonsai Harbor is a 5-color OKLCH-ready palette tagged green, gray, 5 colors. Hex values: #E6E9D3, #BBAA8D, #747A4C, #375434, #1B1C0A. APCA contrast score Lc 8.1. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Tree Hugger BloomGreen · Gray
  • Pure Emerald City SignalGreen · Gray
  • Low Palm Leaf BloomGreen · Gray
  • Steady Kale SystemGreen · Gray
  • Steady Topiary Green SystemGreen · Gray
  • Steady Himalaya BeaconTrending · Green

Palettes with similar colors

Closest to True Bonsai Harbor by OKLab color distance.

  • Muted Highlander MirrorGreen · Gray
  • Classic Verdant Leaf DeltaGreen · Gray
  • Quiet Zen Garden Olive QuartzGreen · Gray
  • Pure Capers PrismGreen · 5 Colors
  • Low Myrtle FogGreen · Gray
  • Low Zen Garden Olive CascadeGreen · Gray
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