Palette · 9 colors · Lc 8.7
True Hulk Quartz palette
True Hulk Quartz: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #DCECF5, #62BEEC, #0085D9, #047F0D, #A03800, #5D2964, #003043, #001928, #060D12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#DCECF5
surface
#62BEEC
muted
#0085D9
primary
#047F0D
secondary
#A03800
accent
#5D2964
highlight
#003043
border
#001928
text
#060D12
Colors in True Hulk Quartz: HEX, RGB, HSL & OKLCH
- #DCECF5 color page →
bg
#DCECF5
- RGB
- rgb(220 236 245)
- HSL
- hsl(202 56% 91%)
- OKLCH
- oklch(0.934 0.021 232.1)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.35:1 (AAA)
- #62BEEC color page →
surface
#62BEEC
- RGB
- rgb(98 190 236)
- HSL
- hsl(200 78% 65%)
- OKLCH
- oklch(0.763 0.11 232.5)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.09:1 (AAA)
- #0085D9 color page →
muted
#0085D9
- RGB
- rgb(0 133 217)
- HSL
- hsl(203 100% 43%)
- OKLCH
- oklch(0.601 0.159 247.3)
WCAG contrast: on white 3.92:1 (Fail) · on black 5.35:1 (AA)
- #047F0D color page →
primary
#047F0D
- RGB
- rgb(4 127 13)
- HSL
- hsl(124 94% 26%)
- OKLCH
- oklch(0.518 0.171 143)
WCAG contrast: on white 5.18:1 (AA) · on black 4.04:1 (Fail)
- #A03800 color page →
secondary
#A03800
- RGB
- rgb(160 56 0)
- HSL
- hsl(21 100% 31%)
- OKLCH
- oklch(0.484 0.148 41.2)
WCAG contrast: on white 6.86:1 (AA) · on black 3.06:1 (Fail)
- #5D2964 color page →
accent
#5D2964
- RGB
- rgb(93 41 100)
- HSL
- hsl(293 42% 28%)
- OKLCH
- oklch(0.378 0.112 322.8)
WCAG contrast: on white 10.67:1 (AAA) · on black 1.96:1 (Fail)
- #003043 color page →
highlight
#003043
- RGB
- rgb(0 48 67)
- HSL
- hsl(197 100% 13%)
- OKLCH
- oklch(0.29 0.059 231.1)
WCAG contrast: on white 13.96:1 (AAA) · on black 1.50:1 (Fail)
- #001928 color page →
border
#001928
- RGB
- rgb(0 25 40)
- HSL
- hsl(203 100% 8%)
- OKLCH
- oklch(0.202 0.044 237.2)
WCAG contrast: on white 17.95:1 (AAA) · on black 1.16:1 (Fail)
- #060D12 color page →
text
#060D12
- RGB
- rgb(6 13 18)
- HSL
- hsl(205 50% 5%)
- OKLCH
- oklch(0.154 0.016 238)
WCAG contrast: on white 19.55:1 (AAA) · on black 1.07:1 (Fail)
Export True Hulk Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcecf5;
--surface: #62beec;
--muted: #0085d9;
--primary: #047f0d;
--secondary: #a03800;
--accent: #5d2964;
--highlight: #003043;
--border: #001928;
--text: #060d12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcecf5;
--color-surface: #62beec;
--color-muted: #0085d9;
--color-primary: #047f0d;
--color-secondary: #a03800;
--color-accent: #5d2964;
--color-highlight: #003043;
--color-border: #001928;
--color-text: #060d12;
}JSON (DTCG tokens)
{
"true-hulk-quartz-76v": {
"bg": {
"$type": "color",
"$value": "#dcecf5"
},
"surface": {
"$type": "color",
"$value": "#62beec"
},
"muted": {
"$type": "color",
"$value": "#0085d9"
},
"primary": {
"$type": "color",
"$value": "#047f0d"
},
"secondary": {
"$type": "color",
"$value": "#a03800"
},
"accent": {
"$type": "color",
"$value": "#5d2964"
},
"highlight": {
"$type": "color",
"$value": "#003043"
},
"border": {
"$type": "color",
"$value": "#001928"
},
"text": {
"$type": "color",
"$value": "#060d12"
}
}
}About this palette
True Hulk Quartz is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #DCECF5, #62BEEC, #0085D9, #047F0D, #A03800, #5D2964, #003043, #001928, #060D12. 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 True Hulk Quartz by OKLab color distance.