Palette · 10 colors · Lc 9.6
Green Dynasty Noir palette
Green Dynasty Noir: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #E9F9F5, #AEE8D2, #75CEBC, #57AF9D, #2E9A87, #007969, #00574B, #003F3C, #00201D, #000906, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9F9F5
surface
#AEE8D2
muted
#75CEBC
primary
#57AF9D
secondary
#2E9A87
accent
#007969
highlight
#00574B
border
#003F3C
focus
#00201D
text
#000906
Colors in Green Dynasty Noir: HEX, RGB, HSL & OKLCH
- #E9F9F5 color page →
bg
#E9F9F5
- RGB
- rgb(233 249 245)
- HSL
- hsl(165 57% 95%)
- OKLCH
- oklch(0.969 0.018 179.3)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.33:1 (AAA)
- #AEE8D2 color page →
surface
#AEE8D2
- RGB
- rgb(174 232 210)
- HSL
- hsl(157 56% 80%)
- OKLCH
- oklch(0.885 0.066 169.4)
WCAG contrast: on white 1.37:1 (Fail) · on black 15.27:1 (AAA)
- #75CEBC color page →
muted
#75CEBC
- RGB
- rgb(117 206 188)
- HSL
- hsl(168 48% 63%)
- OKLCH
- oklch(0.79 0.09 179.3)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.31:1 (AAA)
- #57AF9D color page →
primary
#57AF9D
- RGB
- rgb(87 175 157)
- HSL
- hsl(168 35% 51%)
- OKLCH
- oklch(0.694 0.09 178.4)
WCAG contrast: on white 2.61:1 (Fail) · on black 8.02:1 (AAA)
- #2E9A87 color page →
secondary
#2E9A87
- RGB
- rgb(46 154 135)
- HSL
- hsl(169 54% 39%)
- OKLCH
- oklch(0.621 0.1 178.5)
WCAG contrast: on white 3.44:1 (Fail) · on black 6.08:1 (AA)
- #007969 color page →
accent
#007969
- RGB
- rgb(0 121 105)
- HSL
- hsl(172 100% 24%)
- OKLCH
- oklch(0.516 0.094 179.3)
WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)
- #00574B color page →
highlight
#00574B
- RGB
- rgb(0 87 75)
- HSL
- hsl(172 100% 17%)
- OKLCH
- oklch(0.409 0.075 179.2)
WCAG contrast: on white 8.51:1 (AAA) · on black 2.46:1 (Fail)
- #003F3C color page →
border
#003F3C
- RGB
- rgb(0 63 60)
- HSL
- hsl(177 100% 12%)
- OKLCH
- oklch(0.332 0.057 189.5)
WCAG contrast: on white 11.82:1 (AAA) · on black 1.77:1 (Fail)
- #00201D color page →
focus
#00201D
- RGB
- rgb(0 32 29)
- HSL
- hsl(174 100% 6%)
- OKLCH
- oklch(0.219 0.038 186)
WCAG contrast: on white 17.15:1 (AAA) · on black 1.22:1 (Fail)
- #000906 color page →
text
#000906
- RGB
- rgb(0 9 6)
- HSL
- hsl(160 100% 2%)
- OKLCH
- oklch(0.125 0.024 175)
WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)
Export Green Dynasty Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9f9f5;
--surface: #aee8d2;
--muted: #75cebc;
--primary: #57af9d;
--secondary: #2e9a87;
--accent: #007969;
--highlight: #00574b;
--border: #003f3c;
--focus: #00201d;
--text: #000906;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9f9f5;
--color-surface: #aee8d2;
--color-muted: #75cebc;
--color-primary: #57af9d;
--color-secondary: #2e9a87;
--color-accent: #007969;
--color-highlight: #00574b;
--color-border: #003f3c;
--color-focus: #00201d;
--color-text: #000906;
}JSON (DTCG tokens)
{
"green-dynasty-noir-356": {
"bg": {
"$type": "color",
"$value": "#e9f9f5"
},
"surface": {
"$type": "color",
"$value": "#aee8d2"
},
"muted": {
"$type": "color",
"$value": "#75cebc"
},
"primary": {
"$type": "color",
"$value": "#57af9d"
},
"secondary": {
"$type": "color",
"$value": "#2e9a87"
},
"accent": {
"$type": "color",
"$value": "#007969"
},
"highlight": {
"$type": "color",
"$value": "#00574b"
},
"border": {
"$type": "color",
"$value": "#003f3c"
},
"focus": {
"$type": "color",
"$value": "#00201d"
},
"text": {
"$type": "color",
"$value": "#000906"
}
}
}About this palette
Green Dynasty Noir is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #E9F9F5, #AEE8D2, #75CEBC, #57AF9D, #2E9A87, #007969, #00574B, #003F3C, #00201D, #000906. 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 Green Dynasty Noir by OKLab color distance.