Palette · 8 colors · Lc 9.2
Steady Warm Purple Ribbon palette
Steady Warm Purple Ribbon: a 8-color palette (Red, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #EDE8DC, #BD8C00, #3E7B00, #007C80, #0066BC, #8A328F, #732227, #0B0600, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDE8DC
surface
#BD8C00
muted
#3E7B00
primary
#007C80
secondary
#0066BC
accent
#8A328F
highlight
#732227
text
#0B0600
Colors in Steady Warm Purple Ribbon: HEX, RGB, HSL & OKLCH
- #EDE8DC color page →
bg
#EDE8DC
- RGB
- rgb(237 232 220)
- HSL
- hsl(42 32% 90%)
- OKLCH
- oklch(0.932 0.017 88)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.17:1 (AAA)
- #BD8C00 color page →
surface
#BD8C00
- RGB
- rgb(189 140 0)
- HSL
- hsl(44 100% 37%)
- OKLCH
- oklch(0.669 0.138 83.6)
WCAG contrast: on white 3.03:1 (Fail) · on black 6.91:1 (AA)
- #3E7B00 color page →
muted
#3E7B00
- RGB
- rgb(62 123 0)
- HSL
- hsl(90 100% 24%)
- OKLCH
- oklch(0.521 0.152 135)
WCAG contrast: on white 5.20:1 (AA) · on black 4.03:1 (Fail)
- #007C80 color page →
primary
#007C80
- RGB
- rgb(0 124 128)
- HSL
- hsl(182 100% 25%)
- OKLCH
- oklch(0.532 0.091 198.8)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #0066BC color page →
secondary
#0066BC
- RGB
- rgb(0 102 188)
- HSL
- hsl(207 100% 37%)
- OKLCH
- oklch(0.51 0.157 252.8)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #8A328F color page →
accent
#8A328F
- RGB
- rgb(138 50 143)
- HSL
- hsl(297 48% 38%)
- OKLCH
- oklch(0.48 0.166 325.6)
WCAG contrast: on white 7.15:1 (AAA) · on black 2.93:1 (Fail)
- #732227 color page →
highlight
#732227
- RGB
- rgb(115 34 39)
- HSL
- hsl(356 54% 29%)
- OKLCH
- oklch(0.381 0.113 20.9)
WCAG contrast: on white 10.56:1 (AAA) · on black 1.98:1 (Fail)
- #0B0600 color page →
text
#0B0600
- RGB
- rgb(11 6 0)
- HSL
- hsl(33 100% 2%)
- OKLCH
- oklch(0.127 0.026 85.9)
WCAG contrast: on white 20.18:1 (AAA) · on black 1.04:1 (Fail)
Export Steady Warm Purple Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ede8dc;
--surface: #bd8c00;
--muted: #3e7b00;
--primary: #007c80;
--secondary: #0066bc;
--accent: #8a328f;
--highlight: #732227;
--text: #0b0600;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ede8dc;
--color-surface: #bd8c00;
--color-muted: #3e7b00;
--color-primary: #007c80;
--color-secondary: #0066bc;
--color-accent: #8a328f;
--color-highlight: #732227;
--color-text: #0b0600;
}JSON (DTCG tokens)
{
"steady-warm-purple-ribbon-3os": {
"bg": {
"$type": "color",
"$value": "#ede8dc"
},
"surface": {
"$type": "color",
"$value": "#bd8c00"
},
"muted": {
"$type": "color",
"$value": "#3e7b00"
},
"primary": {
"$type": "color",
"$value": "#007c80"
},
"secondary": {
"$type": "color",
"$value": "#0066bc"
},
"accent": {
"$type": "color",
"$value": "#8a328f"
},
"highlight": {
"$type": "color",
"$value": "#732227"
},
"text": {
"$type": "color",
"$value": "#0b0600"
}
}
}About this palette
Steady Warm Purple Ribbon is a 8-color OKLCH-ready palette tagged red, rainbow, 8 colors. Hex values: #EDE8DC, #BD8C00, #3E7B00, #007C80, #0066BC, #8A328F, #732227, #0B0600. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Steady Warm Purple Ribbon by OKLab color distance.