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 Muddy Garden

Palette · 5 colors · Lc 8.8

True Muddy Garden palette

True Muddy Garden: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #DBE7E6, #009DA7, #A13F78, #A23C04, #021313, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Yellow
  • Warm
  • 5 Colors

bg

#DBE7E6

surface

#009DA7

primary

#A13F78

accent

#A23C04

text

#021313

Open in StudioOpen in PickerAll palettes

Colors in True Muddy Garden: HEX, RGB, HSL & OKLCH

  • bg

    #DBE7E6

    #DBE7E6 color page →
    RGB
    rgb(219 231 230)
    HSL
    hsl(175 20% 88%)
    OKLCH
    oklch(0.919 0.013 190.9)

    WCAG contrast: on white 1.26:1 (Fail) · on black 16.58:1 (AAA)

  • surface

    #009DA7

    #009DA7 color page →
    RGB
    rgb(0 157 167)
    HSL
    hsl(184 100% 33%)
    OKLCH
    oklch(0.634 0.108 202.8)

    WCAG contrast: on white 3.29:1 (Fail) · on black 6.38:1 (AA)

  • primary

    #A13F78

    #A13F78 color page →
    RGB
    rgb(161 63 120)
    HSL
    hsl(325 44% 44%)
    OKLCH
    oklch(0.519 0.145 347.4)

    WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)

  • accent

    #A23C04

    #A23C04 color page →
    RGB
    rgb(162 60 4)
    HSL
    hsl(21 95% 33%)
    OKLCH
    oklch(0.493 0.147 42)

    WCAG contrast: on white 6.59:1 (AA) · on black 3.18:1 (Fail)

  • text

    #021313

    #021313 color page →
    RGB
    rgb(2 19 19)
    HSL
    hsl(180 81% 4%)
    OKLCH
    oklch(0.171 0.025 195)

    WCAG contrast: on white 19.00:1 (AAA) · on black 1.10:1 (Fail)

Export True Muddy Garden: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #dbe7e6;
  --surface: #009da7;
  --primary: #a13f78;
  --accent: #a23c04;
  --text: #021313;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #dbe7e6;
  --color-surface: #009da7;
  --color-primary: #a13f78;
  --color-accent: #a23c04;
  --color-text: #021313;
}

JSON (DTCG tokens)

{
  "true-muddy-garden-5l2": {
    "bg": {
      "$type": "color",
      "$value": "#dbe7e6"
    },
    "surface": {
      "$type": "color",
      "$value": "#009da7"
    },
    "primary": {
      "$type": "color",
      "$value": "#a13f78"
    },
    "accent": {
      "$type": "color",
      "$value": "#a23c04"
    },
    "text": {
      "$type": "color",
      "$value": "#021313"
    }
  }
}

About this palette

True Muddy Garden is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #DBE7E6, #009DA7, #A13F78, #A23C04, #021313. APCA contrast score Lc 8.8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Vinaceous Tawny DeltaTrending · Yellow
  • Steady Donkey Kong AtelierYellow · Warm
  • Steady Mai Tai OrchardYellow · Warm
  • Ancient Chest TideYellow · Warm
  • Precious Copper GroveYellow · Warm
  • Steady Fabulous Fawn GroveYellow · Gray

Palettes with similar colors

Closest to True Muddy Garden by OKLab color distance.

  • Classic Plum Kingdom BeaconRed · Warm
  • Classic Pepperoni QuartzYellow · Warm
  • Plastic Lips BloomRed · Warm
  • Pure Espresso Martini HarborYellow · Warm
  • Steady Plum Kingdom DeltaRed · Warm
  • Classic Grape Riot CircuitTrending · Red
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