Palette · 10 colors · Lc 9.6
Pure Go Go Green Fog palette
Pure Go Go Green Fog: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #03110E, #002220, #003D36, #00584C, #0D7A6A, #118F81, #4FAB92, #86CCB7, #B3DDD1, #DFF6F0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#03110E
surface
#002220
muted
#003D36
primary
#00584C
secondary
#0D7A6A
accent
#118F81
highlight
#4FAB92
border
#86CCB7
focus
#B3DDD1
text
#DFF6F0
Colors in Pure Go Go Green Fog: HEX, RGB, HSL & OKLCH
- #03110E color page →
bg
#03110E
- RGB
- rgb(3 17 14)
- HSL
- hsl(167 70% 4%)
- OKLCH
- oklch(0.162 0.023 179.4)
WCAG contrast: on white 19.25:1 (AAA) · on black 1.09:1 (Fail)
- #002220 color page →
surface
#002220
- RGB
- rgb(0 34 32)
- HSL
- hsl(176 100% 7%)
- OKLCH
- oklch(0.227 0.039 189.1)
WCAG contrast: on white 16.80:1 (AAA) · on black 1.24:1 (Fail)
- #003D36 color page →
muted
#003D36
- RGB
- rgb(0 61 54)
- HSL
- hsl(173 100% 12%)
- OKLCH
- oklch(0.323 0.058 182.4)
WCAG contrast: on white 12.20:1 (AAA) · on black 1.72:1 (Fail)
- #00584C color page →
primary
#00584C
- RGB
- rgb(0 88 76)
- HSL
- hsl(172 100% 17%)
- OKLCH
- oklch(0.412 0.075 179.4)
WCAG contrast: on white 8.39:1 (AAA) · on black 2.50:1 (Fail)
- #0D7A6A color page →
secondary
#0D7A6A
- RGB
- rgb(13 122 106)
- HSL
- hsl(171 81% 26%)
- OKLCH
- oklch(0.52 0.092 179)
WCAG contrast: on white 5.23:1 (AA) · on black 4.00:1 (Fail)
- #118F81 color page →
accent
#118F81
- RGB
- rgb(17 143 129)
- HSL
- hsl(173 79% 31%)
- OKLCH
- oklch(0.585 0.101 182.7)
WCAG contrast: on white 3.98:1 (Fail) · on black 5.26:1 (AA)
- #4FAB92 color page →
highlight
#4FAB92
- RGB
- rgb(79 171 146)
- HSL
- hsl(164 37% 49%)
- OKLCH
- oklch(0.678 0.096 173)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.57:1 (AAA)
- #86CCB7 color page →
border
#86CCB7
- RGB
- rgb(134 204 183)
- HSL
- hsl(162 41% 66%)
- OKLCH
- oklch(0.793 0.077 173.4)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.33:1 (AAA)
- #B3DDD1 color page →
focus
#B3DDD1
- RGB
- rgb(179 221 209)
- HSL
- hsl(163 38% 78%)
- OKLCH
- oklch(0.864 0.047 175.9)
WCAG contrast: on white 1.48:1 (Fail) · on black 14.18:1 (AAA)
- #DFF6F0 color page →
text
#DFF6F0
- RGB
- rgb(223 246 240)
- HSL
- hsl(164 56% 92%)
- OKLCH
- oklch(0.955 0.025 178.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.57:1 (AAA)
Export Pure Go Go Green Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #03110e;
--surface: #002220;
--muted: #003d36;
--primary: #00584c;
--secondary: #0d7a6a;
--accent: #118f81;
--highlight: #4fab92;
--border: #86ccb7;
--focus: #b3ddd1;
--text: #dff6f0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #03110e;
--color-surface: #002220;
--color-muted: #003d36;
--color-primary: #00584c;
--color-secondary: #0d7a6a;
--color-accent: #118f81;
--color-highlight: #4fab92;
--color-border: #86ccb7;
--color-focus: #b3ddd1;
--color-text: #dff6f0;
}JSON (DTCG tokens)
{
"pure-go-go-green-fog-7n8": {
"bg": {
"$type": "color",
"$value": "#03110e"
},
"surface": {
"$type": "color",
"$value": "#002220"
},
"muted": {
"$type": "color",
"$value": "#003d36"
},
"primary": {
"$type": "color",
"$value": "#00584c"
},
"secondary": {
"$type": "color",
"$value": "#0d7a6a"
},
"accent": {
"$type": "color",
"$value": "#118f81"
},
"highlight": {
"$type": "color",
"$value": "#4fab92"
},
"border": {
"$type": "color",
"$value": "#86ccb7"
},
"focus": {
"$type": "color",
"$value": "#b3ddd1"
},
"text": {
"$type": "color",
"$value": "#dff6f0"
}
}
}About this palette
Pure Go Go Green Fog is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #03110E, #002220, #003D36, #00584C, #0D7A6A, #118F81, #4FAB92, #86CCB7, #B3DDD1, #DFF6F0. APCA contrast score Lc 9.6. 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 Pure Go Go Green Fog by OKLab color distance.