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 Kiln

Palette · 4 colors · Lc 8

Embarrassed Frog Kiln palette

Embarrassed Frog Kiln: a 4-color palette (Green, Gray, Warm, Dark Mode UI). HEX, RGB, HSL and OKLCH for #0B0400, #463423, #9D6100, #E8E0D9, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Gray
  • Warm
  • Dark Mode UI
  • UI System
  • 4 Colors

bg

#0B0400

surface

#463423

accent

#9D6100

text

#E8E0D9

Open in StudioOpen in PickerAll palettes

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

  • bg

    #0B0400

    #0B0400 color page →
    RGB
    rgb(11 4 0)
    HSL
    hsl(22 100% 2%)
    OKLCH
    oklch(0.118 0.026 69.3)

    WCAG contrast: on white 20.35:1 (AAA) · on black 1.03:1 (Fail)

  • surface

    #463423

    #463423 color page →
    RGB
    rgb(70 52 35)
    HSL
    hsl(29 33% 21%)
    OKLCH
    oklch(0.341 0.038 64.4)

    WCAG contrast: on white 11.82:1 (AAA) · on black 1.77:1 (Fail)

  • accent

    #9D6100

    #9D6100 color page →
    RGB
    rgb(157 97 0)
    HSL
    hsl(37 100% 31%)
    OKLCH
    oklch(0.546 0.12 68.4)

    WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)

  • text

    #E8E0D9

    #E8E0D9 color page →
    RGB
    rgb(232 224 217)
    HSL
    hsl(28 25% 88%)
    OKLCH
    oklch(0.911 0.013 63.9)

    WCAG contrast: on white 1.30:1 (Fail) · on black 16.09:1 (AAA)

Export Embarrassed Frog Kiln: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #0b0400;
  --surface: #463423;
  --accent: #9d6100;
  --text: #e8e0d9;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #0b0400;
  --color-surface: #463423;
  --color-accent: #9d6100;
  --color-text: #e8e0d9;
}

JSON (DTCG tokens)

{
  "embarrassed-frog-kiln-4yp": {
    "bg": {
      "$type": "color",
      "$value": "#0b0400"
    },
    "surface": {
      "$type": "color",
      "$value": "#463423"
    },
    "accent": {
      "$type": "color",
      "$value": "#9d6100"
    },
    "text": {
      "$type": "color",
      "$value": "#e8e0d9"
    }
  }
}

About this palette

Embarrassed Frog Kiln is a 4-color OKLCH-ready palette tagged green, gray, warm, dark mode ui, ui system, 4 colors. Hex values: #0B0400, #463423, #9D6100, #E8E0D9. 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.

  • Pure Alligator VaultGreen · Gray
  • True Glazed Chestnut NoirGreen · Gray
  • True Embarrassed Frog BloomGreen · Gray
  • Pure Shepherd’s Green GardenGreen · Gray
  • Steady Cinnapink SystemRed · Gray
  • Monument Valley GardenYellow · Gray

Palettes with similar colors

Closest to Embarrassed Frog Kiln by OKLab color distance.

  • True Brandy Bear NexusYellow · Warm
  • Classic Fire Ant FogYellow · Warm
  • Barrel Aged VaultGreen · Gray
  • Ginger QuartzYellow · Gray
  • Classic Glazed Chestnut ForgeGreen · Gray
  • Classic Ginger OrchardYellow · 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