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/Embarrassed Frog Canvas

Palette · 5 colors · Lc 10

Embarrassed Frog Canvas palette

Embarrassed Frog Canvas: a 5-color palette (Green, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #110B06, #552900, #A06500, #D49B71, #FFF3E3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Warm
  • 5 Colors

bg

#110B06

surface

#552900

primary

#A06500

accent

#D49B71

text

#FFF3E3

Open in StudioOpen in PickerAll palettes

Colors in Embarrassed Frog Canvas: HEX, RGB, HSL & OKLCH

  • bg

    #110B06

    #110B06 color page →
    RGB
    rgb(17 11 6)
    HSL
    hsl(27 48% 5%)
    OKLCH
    oklch(0.156 0.015 64.4)

    WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)

  • surface

    #552900

    #552900 color page →
    RGB
    rgb(85 41 0)
    HSL
    hsl(29 100% 17%)
    OKLCH
    oklch(0.334 0.082 56.2)

    WCAG contrast: on white 12.32:1 (AAA) · on black 1.70:1 (Fail)

  • primary

    #A06500

    #A06500 color page →
    RGB
    rgb(160 101 0)
    HSL
    hsl(38 100% 31%)
    OKLCH
    oklch(0.558 0.121 70)

    WCAG contrast: on white 4.82:1 (AA) · on black 4.35:1 (Fail)

  • accent

    #D49B71

    #D49B71 color page →
    RGB
    rgb(212 155 113)
    HSL
    hsl(25 54% 64%)
    OKLCH
    oklch(0.734 0.089 57.2)

    WCAG contrast: on white 2.40:1 (Fail) · on black 8.72:1 (AAA)

  • text

    #FFF3E3

    #FFF3E3 color page →
    RGB
    rgb(255 243 227)
    HSL
    hsl(34 100% 95%)
    OKLCH
    oklch(0.969 0.025 75.3)

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

Export Embarrassed Frog Canvas: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #110b06;
  --surface: #552900;
  --primary: #a06500;
  --accent: #d49b71;
  --text: #fff3e3;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #110b06;
  --color-surface: #552900;
  --color-primary: #a06500;
  --color-accent: #d49b71;
  --color-text: #fff3e3;
}

JSON (DTCG tokens)

{
  "embarrassed-frog-canvas-9a": {
    "bg": {
      "$type": "color",
      "$value": "#110b06"
    },
    "surface": {
      "$type": "color",
      "$value": "#552900"
    },
    "primary": {
      "$type": "color",
      "$value": "#a06500"
    },
    "accent": {
      "$type": "color",
      "$value": "#d49b71"
    },
    "text": {
      "$type": "color",
      "$value": "#fff3e3"
    }
  }
}

About this palette

Embarrassed Frog Canvas is a 5-color OKLCH-ready palette tagged green, warm, 5 colors. Hex values: #110B06, #552900, #A06500, #D49B71, #FFF3E3. APCA contrast score Lc 10. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Chai Tea AtelierGreen · Warm
  • Airy Tonkatsu PulseGreen · Warm
  • Pure Cookie Dough HarborGreen · Warm
  • Steady Himalaya BeaconTrending · Green
  • Classic Olivia DriftTrending · Green
  • Classic Lizard PrismGreen · Gray

Palettes with similar colors

Closest to Embarrassed Frog Canvas by OKLab color distance.

  • Classic Olivia FogGreen · Warm
  • Classic Olivia MeadowYellow · Warm
  • True Curry HarborGreen · Warm
  • Steady Eagle KilnYellow · Warm
  • Embarrassed Frog ForgeGreen · Warm
  • True Vintage Copper BloomYellow · 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