Palette · 8 colors · Lc 9
Quiet Pine Needle Archive palette
Quiet Pine Needle Archive: a 8-color palette (Turquoise, Gray, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #010A07, #192420, #2C483E, #53675D, #6E8378, #94A49D, #BDCFC8, #F3F4F3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#010A07
surface
#192420
muted
#2C483E
primary
#53675D
secondary
#6E8378
accent
#94A49D
highlight
#BDCFC8
text
#F3F4F3
Colors in Quiet Pine Needle Archive: HEX, RGB, HSL & OKLCH
- #010A07 color page →
bg
#010A07
- RGB
- rgb(1 10 7)
- HSL
- hsl(160 82% 2%)
- OKLCH
- oklch(0.131 0.021 174.9)
WCAG contrast: on white 20.04:1 (AAA) · on black 1.04:1 (Fail)
- #192420 color page →
surface
#192420
- RGB
- rgb(25 36 32)
- HSL
- hsl(158 18% 12%)
- OKLCH
- oklch(0.248 0.017 170.6)
WCAG contrast: on white 15.97:1 (AAA) · on black 1.31:1 (Fail)
- #2C483E color page →
muted
#2C483E
- RGB
- rgb(44 72 62)
- HSL
- hsl(159 24% 23%)
- OKLCH
- oklch(0.376 0.038 169.7)
WCAG contrast: on white 9.98:1 (AAA) · on black 2.10:1 (Fail)
- #53675D color page →
primary
#53675D
- RGB
- rgb(83 103 93)
- HSL
- hsl(150 11% 36%)
- OKLCH
- oklch(0.494 0.029 163.5)
WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)
- #6E8378 color page →
secondary
#6E8378
- RGB
- rgb(110 131 120)
- HSL
- hsl(149 9% 47%)
- OKLCH
- oklch(0.59 0.03 162.6)
WCAG contrast: on white 4.05:1 (Fail) · on black 5.18:1 (AA)
- #94A49D color page →
accent
#94A49D
- RGB
- rgb(148 164 157)
- HSL
- hsl(154 8% 61%)
- OKLCH
- oklch(0.704 0.021 167.7)
WCAG contrast: on white 2.60:1 (Fail) · on black 8.05:1 (AAA)
- #BDCFC8 color page →
highlight
#BDCFC8
- RGB
- rgb(189 207 200)
- HSL
- hsl(157 16% 78%)
- OKLCH
- oklch(0.839 0.022 170.5)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.92:1 (AAA)
- #F3F4F3 color page →
text
#F3F4F3
- RGB
- rgb(243 244 243)
- HSL
- hsl(120 4% 95%)
- OKLCH
- oklch(0.966 0.002 145.6)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.04:1 (AAA)
Export Quiet Pine Needle Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010a07;
--surface: #192420;
--muted: #2c483e;
--primary: #53675d;
--secondary: #6e8378;
--accent: #94a49d;
--highlight: #bdcfc8;
--text: #f3f4f3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010a07;
--color-surface: #192420;
--color-muted: #2c483e;
--color-primary: #53675d;
--color-secondary: #6e8378;
--color-accent: #94a49d;
--color-highlight: #bdcfc8;
--color-text: #f3f4f3;
}JSON (DTCG tokens)
{
"quiet-pine-needle-archive-2bu": {
"bg": {
"$type": "color",
"$value": "#010a07"
},
"surface": {
"$type": "color",
"$value": "#192420"
},
"muted": {
"$type": "color",
"$value": "#2c483e"
},
"primary": {
"$type": "color",
"$value": "#53675d"
},
"secondary": {
"$type": "color",
"$value": "#6e8378"
},
"accent": {
"$type": "color",
"$value": "#94a49d"
},
"highlight": {
"$type": "color",
"$value": "#bdcfc8"
},
"text": {
"$type": "color",
"$value": "#f3f4f3"
}
}
}About this palette
Quiet Pine Needle Archive is a 8-color OKLCH-ready palette tagged turquoise, gray, cold, 8 colors. Hex values: #010A07, #192420, #2C483E, #53675D, #6E8378, #94A49D, #BDCFC8, #F3F4F3. APCA contrast score Lc 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 Quiet Pine Needle Archive by OKLab color distance.