Palette · 3 colors · Lc 8.7
Steady Olive Ribbon palette
Steady Olive Ribbon: a 3-color palette (Green, Gray, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #060603, #8B7E00, #EBEBE5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Dark Mode UI
- UI System
- 3 Colors
bg
#060603
accent
#8B7E00
text
#EBEBE5
Colors in Steady Olive Ribbon: HEX, RGB, HSL & OKLCH
- #060603 color page →
bg
#060603
- RGB
- rgb(6 6 3)
- HSL
- hsl(60 33% 2%)
- OKLCH
- oklch(0.12 0.01 107.9)
WCAG contrast: on white 20.28:1 (AAA) · on black 1.03:1 (Fail)
- #8B7E00 color page →
accent
#8B7E00
- RGB
- rgb(139 126 0)
- HSL
- hsl(54 100% 27%)
- OKLCH
- oklch(0.587 0.123 102.2)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)
- #EBEBE5 color page →
text
#EBEBE5
- RGB
- rgb(235 235 229)
- HSL
- hsl(60 13% 91%)
- OKLCH
- oklch(0.938 0.008 106.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.54:1 (AAA)
Export Steady Olive Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060603;
--accent: #8b7e00;
--text: #ebebe5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060603;
--color-accent: #8b7e00;
--color-text: #ebebe5;
}JSON (DTCG tokens)
{
"steady-olive-ribbon-60": {
"bg": {
"$type": "color",
"$value": "#060603"
},
"accent": {
"$type": "color",
"$value": "#8b7e00"
},
"text": {
"$type": "color",
"$value": "#ebebe5"
}
}
}About this palette
Steady Olive Ribbon is a 3-color OKLCH-ready palette tagged green, gray, dark mode ui, ui system, 3 colors. Hex values: #060603, #8B7E00, #EBEBE5. APCA contrast score Lc 8.7. 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 Olive Ribbon by OKLab color distance.