Palette · 8 colors · Lc 8
True Center Field Forge palette
True Center Field Forge: a 8-color palette (Green, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #000503, #00150C, #0E2C22, #004835, #008A57, #00B4B0, #67C8CC, #D7E5DD, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Cold
- Dark Mode UI
- UI System
- 8 Colors
bg
#000503
surface
#00150C
muted
#0E2C22
primary
#004835
secondary
#008A57
accent
#00B4B0
highlight
#67C8CC
text
#D7E5DD
Colors in True Center Field Forge: HEX, RGB, HSL & OKLCH
- #000503 color page →
bg
#000503
- RGB
- rgb(0 5 3)
- HSL
- hsl(156 100% 1%)
- OKLCH
- oklch(0.102 0.02 171)
WCAG contrast: on white 20.52:1 (AAA) · on black 1.02:1 (Fail)
- #00150C color page →
surface
#00150C
- RGB
- rgb(0 21 12)
- HSL
- hsl(154 100% 4%)
- OKLCH
- oklch(0.173 0.037 164.8)
WCAG contrast: on white 18.87:1 (AAA) · on black 1.11:1 (Fail)
- #0E2C22 color page →
muted
#0E2C22
- RGB
- rgb(14 44 34)
- HSL
- hsl(160 52% 11%)
- OKLCH
- oklch(0.267 0.041 168.5)
WCAG contrast: on white 14.97:1 (AAA) · on black 1.40:1 (Fail)
- #004835 color page →
primary
#004835
- RGB
- rgb(0 72 53)
- HSL
- hsl(164 100% 14%)
- OKLCH
- oklch(0.357 0.072 168.1)
WCAG contrast: on white 10.61:1 (AAA) · on black 1.97:1 (Fail)
- #008A57 color page →
secondary
#008A57
- RGB
- rgb(0 138 87)
- HSL
- hsl(158 100% 27%)
- OKLCH
- oklch(0.558 0.129 158.8)
WCAG contrast: on white 4.39:1 (Fail) · on black 4.77:1 (AA)
- #00B4B0 color page →
accent
#00B4B0
- RGB
- rgb(0 180 176)
- HSL
- hsl(179 100% 35%)
- OKLCH
- oklch(0.696 0.119 192)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.15:1 (AAA)
- #67C8CC color page →
highlight
#67C8CC
- RGB
- rgb(103 200 204)
- HSL
- hsl(182 50% 60%)
- OKLCH
- oklch(0.776 0.092 199)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.71:1 (AAA)
- #D7E5DD color page →
text
#D7E5DD
- RGB
- rgb(215 229 221)
- HSL
- hsl(146 21% 87%)
- OKLCH
- oklch(0.909 0.018 161.1)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.14:1 (AAA)
Export True Center Field Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000503;
--surface: #00150c;
--muted: #0e2c22;
--primary: #004835;
--secondary: #008a57;
--accent: #00b4b0;
--highlight: #67c8cc;
--text: #d7e5dd;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000503;
--color-surface: #00150c;
--color-muted: #0e2c22;
--color-primary: #004835;
--color-secondary: #008a57;
--color-accent: #00b4b0;
--color-highlight: #67c8cc;
--color-text: #d7e5dd;
}JSON (DTCG tokens)
{
"true-center-field-forge-7ip": {
"bg": {
"$type": "color",
"$value": "#000503"
},
"surface": {
"$type": "color",
"$value": "#00150c"
},
"muted": {
"$type": "color",
"$value": "#0e2c22"
},
"primary": {
"$type": "color",
"$value": "#004835"
},
"secondary": {
"$type": "color",
"$value": "#008a57"
},
"accent": {
"$type": "color",
"$value": "#00b4b0"
},
"highlight": {
"$type": "color",
"$value": "#67c8cc"
},
"text": {
"$type": "color",
"$value": "#d7e5dd"
}
}
}About this palette
True Center Field Forge is a 8-color OKLCH-ready palette tagged green, cold, dark mode ui, ui system, 8 colors. Hex values: #000503, #00150C, #0E2C22, #004835, #008A57, #00B4B0, #67C8CC, #D7E5DD. 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.
Palettes with similar colors
Closest to True Center Field Forge by OKLab color distance.