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/Steady Cactus Ribbon

Palette · 5 colors · Lc 8

Steady Cactus Ribbon palette

Steady Cactus Ribbon: a 5-color palette (Green, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #F1E0E6, #977481, #577159, #4D686C, #17070E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Gray
  • 5 Colors

bg

#F1E0E6

surface

#977481

primary

#577159

accent

#4D686C

text

#17070E

Open in StudioOpen in PickerAll palettes

Colors in Steady Cactus Ribbon: HEX, RGB, HSL & OKLCH

  • bg

    #F1E0E6

    #F1E0E6 color page →
    RGB
    rgb(241 224 230)
    HSL
    hsl(339 38% 91%)
    OKLCH
    oklch(0.922 0.02 354)

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

  • surface

    #977481

    #977481 color page →
    RGB
    rgb(151 116 129)
    HSL
    hsl(338 14% 52%)
    OKLCH
    oklch(0.597 0.047 354.5)

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

  • primary

    #577159

    #577159 color page →
    RGB
    rgb(87 113 89)
    HSL
    hsl(125 13% 39%)
    OKLCH
    oklch(0.521 0.048 146.9)

    WCAG contrast: on white 5.36:1 (AA) · on black 3.91:1 (Fail)

  • accent

    #4D686C

    #4D686C color page →
    RGB
    rgb(77 104 108)
    HSL
    hsl(188 17% 36%)
    OKLCH
    oklch(0.497 0.032 207.5)

    WCAG contrast: on white 5.97:1 (AA) · on black 3.51:1 (Fail)

  • text

    #17070E

    #17070E color page →
    RGB
    rgb(23 7 14)
    HSL
    hsl(334 53% 6%)
    OKLCH
    oklch(0.158 0.032 353.1)

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

Export Steady Cactus Ribbon: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f1e0e6;
  --surface: #977481;
  --primary: #577159;
  --accent: #4d686c;
  --text: #17070e;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f1e0e6;
  --color-surface: #977481;
  --color-primary: #577159;
  --color-accent: #4d686c;
  --color-text: #17070e;
}

JSON (DTCG tokens)

{
  "steady-cactus-ribbon-485": {
    "bg": {
      "$type": "color",
      "$value": "#f1e0e6"
    },
    "surface": {
      "$type": "color",
      "$value": "#977481"
    },
    "primary": {
      "$type": "color",
      "$value": "#577159"
    },
    "accent": {
      "$type": "color",
      "$value": "#4d686c"
    },
    "text": {
      "$type": "color",
      "$value": "#17070e"
    }
  }
}

About this palette

Steady Cactus Ribbon is a 5-color OKLCH-ready palette tagged green, gray, 5 colors. Hex values: #F1E0E6, #977481, #577159, #4D686C, #17070E. 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.

  • 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 Steady Cactus Ribbon by OKLab color distance.

  • Steady Never Forget StudioRed · Gray
  • True Never Forget MirrorRed · Gray
  • Equestrienne FogOrange · Gray
  • True Cinnapink CanvasTrending · Red
  • True Opera NexusRed · Gray
  • Classic Moonlit Forest TideBlue · 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