Palette · 10 colors · Lc 10
True Moonlit Forest Pulse palette
True Moonlit Forest Pulse: a 10-color palette (Blue, Gray, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #F7F9F9, #C2DBDD, #9FC4C2, #78A4A6, #5A8185, #3A6A6B, #295257, #273D40, #182121, #050809, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F9F9
surface
#C2DBDD
muted
#9FC4C2
primary
#78A4A6
secondary
#5A8185
accent
#3A6A6B
highlight
#295257
border
#273D40
focus
#182121
text
#050809
Colors in True Moonlit Forest Pulse: HEX, RGB, HSL & OKLCH
- #F7F9F9 color page →
bg
#F7F9F9
- RGB
- rgb(247 249 249)
- HSL
- hsl(180 14% 97%)
- OKLCH
- oklch(0.981 0.002 197.1)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.87:1 (AAA)
- #C2DBDD color page →
surface
#C2DBDD
- RGB
- rgb(194 219 221)
- HSL
- hsl(184 28% 81%)
- OKLCH
- oklch(0.874 0.027 202.5)
WCAG contrast: on white 1.45:1 (Fail) · on black 14.47:1 (AAA)
- #9FC4C2 color page →
muted
#9FC4C2
- RGB
- rgb(159 196 194)
- HSL
- hsl(177 24% 70%)
- OKLCH
- oklch(0.793 0.04 192.3)
WCAG contrast: on white 1.88:1 (Fail) · on black 11.14:1 (AAA)
- #78A4A6 color page →
primary
#78A4A6
- RGB
- rgb(120 164 166)
- HSL
- hsl(183 21% 56%)
- OKLCH
- oklch(0.688 0.047 199.6)
WCAG contrast: on white 2.74:1 (Fail) · on black 7.65:1 (AAA)
- #5A8185 color page →
secondary
#5A8185
- RGB
- rgb(90 129 133)
- HSL
- hsl(186 19% 44%)
- OKLCH
- oklch(0.576 0.044 204)
WCAG contrast: on white 4.27:1 (Fail) · on black 4.91:1 (AA)
- #3A6A6B color page →
accent
#3A6A6B
- RGB
- rgb(58 106 107)
- HSL
- hsl(181 30% 32%)
- OKLCH
- oklch(0.491 0.052 197.3)
WCAG contrast: on white 6.08:1 (AA) · on black 3.45:1 (Fail)
- #295257 color page →
highlight
#295257
- RGB
- rgb(41 82 87)
- HSL
- hsl(187 36% 25%)
- OKLCH
- oklch(0.411 0.047 205.8)
WCAG contrast: on white 8.61:1 (AAA) · on black 2.43:1 (Fail)
- #273D40 color page →
border
#273D40
- RGB
- rgb(39 61 64)
- HSL
- hsl(187 24% 20%)
- OKLCH
- oklch(0.343 0.028 206.7)
WCAG contrast: on white 11.48:1 (AAA) · on black 1.82:1 (Fail)
- #182121 color page →
focus
#182121
- RGB
- rgb(24 33 33)
- HSL
- hsl(180 16% 11%)
- OKLCH
- oklch(0.239 0.013 196.3)
WCAG contrast: on white 16.42:1 (AAA) · on black 1.27:1 (Fail)
- #050809 color page →
text
#050809
- RGB
- rgb(5 8 9)
- HSL
- hsl(195 29% 3%)
- OKLCH
- oklch(0.131 0.007 216.8)
WCAG contrast: on white 20.09:1 (AAA) · on black 1.04:1 (Fail)
Export True Moonlit Forest Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f9f9;
--surface: #c2dbdd;
--muted: #9fc4c2;
--primary: #78a4a6;
--secondary: #5a8185;
--accent: #3a6a6b;
--highlight: #295257;
--border: #273d40;
--focus: #182121;
--text: #050809;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f9f9;
--color-surface: #c2dbdd;
--color-muted: #9fc4c2;
--color-primary: #78a4a6;
--color-secondary: #5a8185;
--color-accent: #3a6a6b;
--color-highlight: #295257;
--color-border: #273d40;
--color-focus: #182121;
--color-text: #050809;
}JSON (DTCG tokens)
{
"true-moonlit-forest-pulse-7lc": {
"bg": {
"$type": "color",
"$value": "#f7f9f9"
},
"surface": {
"$type": "color",
"$value": "#c2dbdd"
},
"muted": {
"$type": "color",
"$value": "#9fc4c2"
},
"primary": {
"$type": "color",
"$value": "#78a4a6"
},
"secondary": {
"$type": "color",
"$value": "#5a8185"
},
"accent": {
"$type": "color",
"$value": "#3a6a6b"
},
"highlight": {
"$type": "color",
"$value": "#295257"
},
"border": {
"$type": "color",
"$value": "#273d40"
},
"focus": {
"$type": "color",
"$value": "#182121"
},
"text": {
"$type": "color",
"$value": "#050809"
}
}
}About this palette
True Moonlit Forest Pulse is a 10-color OKLCH-ready palette tagged blue, gray, cold, 10 colors. Hex values: #F7F9F9, #C2DBDD, #9FC4C2, #78A4A6, #5A8185, #3A6A6B, #295257, #273D40, #182121, #050809. APCA contrast score Lc 10. 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 Moonlit Forest Pulse by OKLab color distance.