Palette · 10 colors · Lc 9.4
Steady Turf Master System palette
Steady Turf Master System: a 10-color palette (Green, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #E7F7EA, #8BD095, #00A12E, #0091A0, #395CD6, #923AAE, #AC2B89, #9C2233, #432900, #09160C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7F7EA
surface
#8BD095
muted
#00A12E
primary
#0091A0
secondary
#395CD6
accent
#923AAE
highlight
#AC2B89
border
#9C2233
focus
#432900
text
#09160C
Colors in Steady Turf Master System: HEX, RGB, HSL & OKLCH
- #E7F7EA color page →
bg
#E7F7EA
- RGB
- rgb(231 247 234)
- HSL
- hsl(131 50% 94%)
- OKLCH
- oklch(0.961 0.024 151.2)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.89:1 (AAA)
- #8BD095 color page →
surface
#8BD095
- RGB
- rgb(139 208 149)
- HSL
- hsl(129 42% 68%)
- OKLCH
- oklch(0.796 0.108 148.1)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.55:1 (AAA)
- #00A12E color page →
muted
#00A12E
- RGB
- rgb(0 161 46)
- HSL
- hsl(137 100% 32%)
- OKLCH
- oklch(0.616 0.192 145.4)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.13:1 (AA)
- #0091A0 color page →
primary
#0091A0
- RGB
- rgb(0 145 160)
- HSL
- hsl(186 100% 31%)
- OKLCH
- oklch(0.6 0.103 207.6)
WCAG contrast: on white 3.77:1 (Fail) · on black 5.55:1 (AA)
- #395CD6 color page →
secondary
#395CD6
- RGB
- rgb(57 92 214)
- HSL
- hsl(227 66% 53%)
- OKLCH
- oklch(0.522 0.192 267.2)
WCAG contrast: on white 5.71:1 (AA) · on black 3.67:1 (Fail)
- #923AAE color page →
accent
#923AAE
- RGB
- rgb(146 58 174)
- HSL
- hsl(286 50% 45%)
- OKLCH
- oklch(0.52 0.187 317)
WCAG contrast: on white 6.10:1 (AA) · on black 3.43:1 (Fail)
- #AC2B89 color page →
highlight
#AC2B89
- RGB
- rgb(172 43 137)
- HSL
- hsl(316 60% 42%)
- OKLCH
- oklch(0.523 0.19 341.2)
WCAG contrast: on white 6.06:1 (AA) · on black 3.46:1 (Fail)
- #9C2233 color page →
border
#9C2233
- RGB
- rgb(156 34 51)
- HSL
- hsl(352 64% 37%)
- OKLCH
- oklch(0.458 0.157 18.9)
WCAG contrast: on white 7.80:1 (AAA) · on black 2.69:1 (Fail)
- #432900 color page →
focus
#432900
- RGB
- rgb(67 41 0)
- HSL
- hsl(37 100% 13%)
- OKLCH
- oklch(0.306 0.065 72.6)
WCAG contrast: on white 13.49:1 (AAA) · on black 1.55:1 (Fail)
- #09160C color page →
text
#09160C
- RGB
- rgb(9 22 12)
- HSL
- hsl(134 42% 6%)
- OKLCH
- oklch(0.184 0.028 150.4)
WCAG contrast: on white 18.55:1 (AAA) · on black 1.13:1 (Fail)
Export Steady Turf Master System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7f7ea;
--surface: #8bd095;
--muted: #00a12e;
--primary: #0091a0;
--secondary: #395cd6;
--accent: #923aae;
--highlight: #ac2b89;
--border: #9c2233;
--focus: #432900;
--text: #09160c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7f7ea;
--color-surface: #8bd095;
--color-muted: #00a12e;
--color-primary: #0091a0;
--color-secondary: #395cd6;
--color-accent: #923aae;
--color-highlight: #ac2b89;
--color-border: #9c2233;
--color-focus: #432900;
--color-text: #09160c;
}JSON (DTCG tokens)
{
"steady-turf-master-system-7kk": {
"bg": {
"$type": "color",
"$value": "#e7f7ea"
},
"surface": {
"$type": "color",
"$value": "#8bd095"
},
"muted": {
"$type": "color",
"$value": "#00a12e"
},
"primary": {
"$type": "color",
"$value": "#0091a0"
},
"secondary": {
"$type": "color",
"$value": "#395cd6"
},
"accent": {
"$type": "color",
"$value": "#923aae"
},
"highlight": {
"$type": "color",
"$value": "#ac2b89"
},
"border": {
"$type": "color",
"$value": "#9c2233"
},
"focus": {
"$type": "color",
"$value": "#432900"
},
"text": {
"$type": "color",
"$value": "#09160c"
}
}
}About this palette
Steady Turf Master System is a 10-color OKLCH-ready palette tagged green, rainbow, 10 colors. Hex values: #E7F7EA, #8BD095, #00A12E, #0091A0, #395CD6, #923AAE, #AC2B89, #9C2233, #432900, #09160C. APCA contrast score Lc 9.4. 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 Turf Master System by OKLab color distance.