Palette · 10 colors · Lc 7.9
Green Dynasty Fog palette
Green Dynasty Fog: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #D9E9E7, #B8DFD4, #90C8B1, #66A899, #09968C, #007B7D, #006879, #005362, #002F34, #001E1B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9E9E7
surface
#B8DFD4
muted
#90C8B1
primary
#66A899
secondary
#09968C
accent
#007B7D
highlight
#006879
border
#005362
focus
#002F34
text
#001E1B
Colors in Green Dynasty Fog: HEX, RGB, HSL & OKLCH
- #D9E9E7 color page →
bg
#D9E9E7
- RGB
- rgb(217 233 231)
- HSL
- hsl(173 27% 88%)
- OKLCH
- oklch(0.922 0.017 187.9)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.75:1 (AAA)
- #B8DFD4 color page →
surface
#B8DFD4
- RGB
- rgb(184 223 212)
- HSL
- hsl(163 38% 80%)
- OKLCH
- oklch(0.873 0.044 176.3)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.54:1 (AAA)
- #90C8B1 color page →
muted
#90C8B1
- RGB
- rgb(144 200 177)
- HSL
- hsl(155 34% 67%)
- OKLCH
- oklch(0.787 0.067 167.3)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.08:1 (AAA)
- #66A899 color page →
primary
#66A899
- RGB
- rgb(102 168 153)
- HSL
- hsl(166 27% 53%)
- OKLCH
- oklch(0.683 0.072 177.9)
WCAG contrast: on white 2.75:1 (Fail) · on black 7.62:1 (AAA)
- #09968C color page →
secondary
#09968C
- RGB
- rgb(9 150 140)
- HSL
- hsl(176 89% 31%)
- OKLCH
- oklch(0.607 0.105 186.5)
WCAG contrast: on white 3.65:1 (Fail) · on black 5.75:1 (AA)
- #007B7D color page →
accent
#007B7D
- RGB
- rgb(0 123 125)
- HSL
- hsl(181 100% 25%)
- OKLCH
- oklch(0.529 0.09 196.8)
WCAG contrast: on white 5.08:1 (AA) · on black 4.12:1 (Fail)
- #006879 color page →
highlight
#006879
- RGB
- rgb(0 104 121)
- HSL
- hsl(188 100% 24%)
- OKLCH
- oklch(0.476 0.084 214)
WCAG contrast: on white 6.44:1 (AA) · on black 3.25:1 (Fail)
- #005362 color page →
border
#005362
- RGB
- rgb(0 83 98)
- HSL
- hsl(189 100% 19%)
- OKLCH
- oklch(0.407 0.072 215.3)
WCAG contrast: on white 8.70:1 (AAA) · on black 2.41:1 (Fail)
- #002F34 color page →
focus
#002F34
- RGB
- rgb(0 47 52)
- HSL
- hsl(186 100% 10%)
- OKLCH
- oklch(0.279 0.048 206)
WCAG contrast: on white 14.42:1 (AAA) · on black 1.45:1 (Fail)
- #001E1B color page →
text
#001E1B
- RGB
- rgb(0 30 27)
- HSL
- hsl(174 100% 6%)
- OKLCH
- oklch(0.211 0.037 185.6)
WCAG contrast: on white 17.47:1 (AAA) · on black 1.20:1 (Fail)
Export Green Dynasty Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9e9e7;
--surface: #b8dfd4;
--muted: #90c8b1;
--primary: #66a899;
--secondary: #09968c;
--accent: #007b7d;
--highlight: #006879;
--border: #005362;
--focus: #002f34;
--text: #001e1b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9e9e7;
--color-surface: #b8dfd4;
--color-muted: #90c8b1;
--color-primary: #66a899;
--color-secondary: #09968c;
--color-accent: #007b7d;
--color-highlight: #006879;
--color-border: #005362;
--color-focus: #002f34;
--color-text: #001e1b;
}JSON (DTCG tokens)
{
"green-dynasty-fog-e2": {
"bg": {
"$type": "color",
"$value": "#d9e9e7"
},
"surface": {
"$type": "color",
"$value": "#b8dfd4"
},
"muted": {
"$type": "color",
"$value": "#90c8b1"
},
"primary": {
"$type": "color",
"$value": "#66a899"
},
"secondary": {
"$type": "color",
"$value": "#09968c"
},
"accent": {
"$type": "color",
"$value": "#007b7d"
},
"highlight": {
"$type": "color",
"$value": "#006879"
},
"border": {
"$type": "color",
"$value": "#005362"
},
"focus": {
"$type": "color",
"$value": "#002f34"
},
"text": {
"$type": "color",
"$value": "#001e1b"
}
}
}About this palette
Green Dynasty Fog is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #D9E9E7, #B8DFD4, #90C8B1, #66A899, #09968C, #007B7D, #006879, #005362, #002F34, #001E1B. APCA contrast score Lc 7.9. 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 Green Dynasty Fog by OKLab color distance.