Palette · 8 colors · Lc 9
Rainforest Dune palette
Rainforest Dune: a 8-color palette (Turquoise, Cold, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #020A06, #003323, #005438, #007857, #25966C, #71C09B, #9BDFBE, #E5F7F0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Cold
- Monochromatic
- 8 Colors
bg
#020A06
surface
#003323
muted
#005438
primary
#007857
secondary
#25966C
accent
#71C09B
highlight
#9BDFBE
text
#E5F7F0
Colors in Rainforest Dune: HEX, RGB, HSL & OKLCH
- #020A06 color page →
bg
#020A06
- RGB
- rgb(2 10 6)
- HSL
- hsl(150 67% 2%)
- OKLCH
- oklch(0.132 0.02 165.3)
WCAG contrast: on white 20.02:1 (AAA) · on black 1.04:1 (Fail)
- #003323 color page →
surface
#003323
- RGB
- rgb(0 51 35)
- HSL
- hsl(161 100% 10%)
- OKLCH
- oklch(0.285 0.059 165.8)
WCAG contrast: on white 14.02:1 (AAA) · on black 1.49:1 (Fail)
- #005438 color page →
muted
#005438
- RGB
- rgb(0 84 56)
- HSL
- hsl(160 100% 16%)
- OKLCH
- oklch(0.394 0.086 162.5)
WCAG contrast: on white 9.03:1 (AAA) · on black 2.32:1 (Fail)
- #007857 color page →
primary
#007857
- RGB
- rgb(0 120 87)
- HSL
- hsl(164 100% 24%)
- OKLCH
- oklch(0.508 0.106 165.8)
WCAG contrast: on white 5.49:1 (AA) · on black 3.82:1 (Fail)
- #25966C color page →
secondary
#25966C
- RGB
- rgb(37 150 108)
- HSL
- hsl(158 60% 37%)
- OKLCH
- oklch(0.601 0.118 163.1)
WCAG contrast: on white 3.71:1 (Fail) · on black 5.65:1 (AA)
- #71C09B color page →
accent
#71C09B
- RGB
- rgb(113 192 155)
- HSL
- hsl(152 39% 60%)
- OKLCH
- oklch(0.746 0.096 162.6)
WCAG contrast: on white 2.16:1 (Fail) · on black 9.71:1 (AAA)
- #9BDFBE color page →
highlight
#9BDFBE
- RGB
- rgb(155 223 190)
- HSL
- hsl(151 52% 74%)
- OKLCH
- oklch(0.849 0.083 163)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.69:1 (AAA)
- #E5F7F0 color page →
text
#E5F7F0
- RGB
- rgb(229 247 240)
- HSL
- hsl(157 53% 93%)
- OKLCH
- oklch(0.961 0.021 170.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.89:1 (AAA)
Export Rainforest Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020a06;
--surface: #003323;
--muted: #005438;
--primary: #007857;
--secondary: #25966c;
--accent: #71c09b;
--highlight: #9bdfbe;
--text: #e5f7f0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020a06;
--color-surface: #003323;
--color-muted: #005438;
--color-primary: #007857;
--color-secondary: #25966c;
--color-accent: #71c09b;
--color-highlight: #9bdfbe;
--color-text: #e5f7f0;
}JSON (DTCG tokens)
{
"rainforest-dune-6yh": {
"bg": {
"$type": "color",
"$value": "#020a06"
},
"surface": {
"$type": "color",
"$value": "#003323"
},
"muted": {
"$type": "color",
"$value": "#005438"
},
"primary": {
"$type": "color",
"$value": "#007857"
},
"secondary": {
"$type": "color",
"$value": "#25966c"
},
"accent": {
"$type": "color",
"$value": "#71c09b"
},
"highlight": {
"$type": "color",
"$value": "#9bdfbe"
},
"text": {
"$type": "color",
"$value": "#e5f7f0"
}
}
}About this palette
Rainforest Dune is a 8-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 8 colors. Hex values: #020A06, #003323, #005438, #007857, #25966C, #71C09B, #9BDFBE, #E5F7F0. 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 Rainforest Dune by OKLab color distance.