Palette · 10 colors · Lc 10
True Noxious Studio palette
True Noxious Studio: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #F4FEDD, #D6DAA1, #BEC667, #96A400, #7A8D00, #597700, #3B5900, #183D00, #162100, #060A00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#F4FEDD
surface
#D6DAA1
muted
#BEC667
primary
#96A400
secondary
#7A8D00
accent
#597700
highlight
#3B5900
border
#183D00
focus
#162100
text
#060A00
Colors in True Noxious Studio: HEX, RGB, HSL & OKLCH
- #F4FEDD color page →
bg
#F4FEDD
- RGB
- rgb(244 254 221)
- HSL
- hsl(78 94% 93%)
- OKLCH
- oklch(0.981 0.044 120.9)
WCAG contrast: on white 1.04:1 (Fail) · on black 20.06:1 (AAA)
- #D6DAA1 color page →
surface
#D6DAA1
- RGB
- rgb(214 218 161)
- HSL
- hsl(64 44% 74%)
- OKLCH
- oklch(0.871 0.075 111.2)
WCAG contrast: on white 1.45:1 (Fail) · on black 14.40:1 (AAA)
- #BEC667 color page →
muted
#BEC667
- RGB
- rgb(190 198 103)
- HSL
- hsl(65 45% 59%)
- OKLCH
- oklch(0.8 0.12 113.1)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.46:1 (AAA)
- #96A400 color page →
primary
#96A400
- RGB
- rgb(150 164 0)
- HSL
- hsl(65 100% 32%)
- OKLCH
- oklch(0.684 0.156 115.7)
WCAG contrast: on white 2.76:1 (Fail) · on black 7.60:1 (AAA)
- #7A8D00 color page →
secondary
#7A8D00
- RGB
- rgb(122 141 0)
- HSL
- hsl(68 100% 28%)
- OKLCH
- oklch(0.607 0.142 118.8)
WCAG contrast: on white 3.72:1 (Fail) · on black 5.63:1 (AA)
- #597700 color page →
accent
#597700
- RGB
- rgb(89 119 0)
- HSL
- hsl(75 100% 23%)
- OKLCH
- oklch(0.526 0.133 125.2)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #3B5900 color page →
highlight
#3B5900
- RGB
- rgb(59 89 0)
- HSL
- hsl(80 100% 17%)
- OKLCH
- oklch(0.424 0.112 128.7)
WCAG contrast: on white 8.03:1 (AAA) · on black 2.61:1 (Fail)
- #183D00 color page →
border
#183D00
- RGB
- rgb(24 61 0)
- HSL
- hsl(96 100% 12%)
- OKLCH
- oklch(0.32 0.096 136.5)
WCAG contrast: on white 12.30:1 (AAA) · on black 1.70:1 (Fail)
- #162100 color page →
focus
#162100
- RGB
- rgb(22 33 0)
- HSL
- hsl(80 100% 6%)
- OKLCH
- oklch(0.229 0.058 125.7)
WCAG contrast: on white 16.77:1 (AAA) · on black 1.25:1 (Fail)
- #060A00 color page →
text
#060A00
- RGB
- rgb(6 10 0)
- HSL
- hsl(84 100% 2%)
- OKLCH
- oklch(0.135 0.033 123.2)
WCAG contrast: on white 19.97:1 (AAA) · on black 1.05:1 (Fail)
Export True Noxious Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4fedd;
--surface: #d6daa1;
--muted: #bec667;
--primary: #96a400;
--secondary: #7a8d00;
--accent: #597700;
--highlight: #3b5900;
--border: #183d00;
--focus: #162100;
--text: #060a00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4fedd;
--color-surface: #d6daa1;
--color-muted: #bec667;
--color-primary: #96a400;
--color-secondary: #7a8d00;
--color-accent: #597700;
--color-highlight: #3b5900;
--color-border: #183d00;
--color-focus: #162100;
--color-text: #060a00;
}JSON (DTCG tokens)
{
"true-noxious-studio-7nd": {
"bg": {
"$type": "color",
"$value": "#f4fedd"
},
"surface": {
"$type": "color",
"$value": "#d6daa1"
},
"muted": {
"$type": "color",
"$value": "#bec667"
},
"primary": {
"$type": "color",
"$value": "#96a400"
},
"secondary": {
"$type": "color",
"$value": "#7a8d00"
},
"accent": {
"$type": "color",
"$value": "#597700"
},
"highlight": {
"$type": "color",
"$value": "#3b5900"
},
"border": {
"$type": "color",
"$value": "#183d00"
},
"focus": {
"$type": "color",
"$value": "#162100"
},
"text": {
"$type": "color",
"$value": "#060a00"
}
}
}About this palette
True Noxious Studio is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #F4FEDD, #D6DAA1, #BEC667, #96A400, #7A8D00, #597700, #3B5900, #183D00, #162100, #060A00. APCA contrast score Lc 10. 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 True Noxious Studio by OKLab color distance.