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 Pesto Canvas

Palette · 5 colors · Lc 8

True Pesto Canvas palette

True Pesto Canvas: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #EDE7CA, #C1AE40, #A97300, #5A4400, #2B2811, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • 5 Colors

bg

#EDE7CA

surface

#C1AE40

primary

#A97300

accent

#5A4400

text

#2B2811

Open in StudioOpen in PickerAll palettes

Colors in True Pesto Canvas: HEX, RGB, HSL & OKLCH

  • bg

    #EDE7CA

    #EDE7CA color page →
    RGB
    rgb(237 231 202)
    HSL
    hsl(50 49% 86%)
    OKLCH
    oklch(0.925 0.039 97.5)

    WCAG contrast: on white 1.24:1 (Fail) · on black 16.88:1 (AAA)

  • surface

    #C1AE40

    #C1AE40 color page →
    RGB
    rgb(193 174 64)
    HSL
    hsl(51 51% 50%)
    OKLCH
    oklch(0.747 0.13 99.4)

    WCAG contrast: on white 2.23:1 (Fail) · on black 9.39:1 (AAA)

  • primary

    #A97300

    #A97300 color page →
    RGB
    rgb(169 115 0)
    HSL
    hsl(41 100% 33%)
    OKLCH
    oklch(0.596 0.125 76.2)

    WCAG contrast: on white 4.08:1 (Fail) · on black 5.13:1 (AA)

  • accent

    #5A4400

    #5A4400 color page →
    RGB
    rgb(90 68 0)
    HSL
    hsl(45 100% 18%)
    OKLCH
    oklch(0.399 0.082 87.6)

    WCAG contrast: on white 9.28:1 (AAA) · on black 2.26:1 (Fail)

  • text

    #2B2811

    #2B2811 color page →
    RGB
    rgb(43 40 17)
    HSL
    hsl(53 43% 12%)
    OKLCH
    oklch(0.274 0.038 101.9)

    WCAG contrast: on white 14.84:1 (AAA) · on black 1.41:1 (Fail)

Export True Pesto Canvas: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #ede7ca;
  --surface: #c1ae40;
  --primary: #a97300;
  --accent: #5a4400;
  --text: #2b2811;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #ede7ca;
  --color-surface: #c1ae40;
  --color-primary: #a97300;
  --color-accent: #5a4400;
  --color-text: #2b2811;
}

JSON (DTCG tokens)

{
  "true-pesto-canvas-4gu": {
    "bg": {
      "$type": "color",
      "$value": "#ede7ca"
    },
    "surface": {
      "$type": "color",
      "$value": "#c1ae40"
    },
    "primary": {
      "$type": "color",
      "$value": "#a97300"
    },
    "accent": {
      "$type": "color",
      "$value": "#5a4400"
    },
    "text": {
      "$type": "color",
      "$value": "#2b2811"
    }
  }
}

About this palette

True Pesto Canvas is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #EDE7CA, #C1AE40, #A97300, #5A4400, #2B2811. APCA contrast score Lc 8. 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 True Pesto Canvas by OKLab color distance.

  • True Hey Pesto TideGreen · 5 Colors
  • Pure Cookie Dough HarborGreen · Warm
  • Pure Bronze RibbonGreen · Warm
  • True Bronze NoirGreen · Warm
  • Luminous Va Va Voom KilnGreen · Warm
  • Cookie Dough GlacierGreen · Warm
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