Palette · 4 colors · Lc 8.6
Rainforest Garden palette
Rainforest Garden: a 4-color palette (Turquoise, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #000704, #23443A, #009767, #DAE2DF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#000704
surface
#23443A
accent
#009767
text
#DAE2DF
Colors in Rainforest Garden: HEX, RGB, HSL & OKLCH
- #000704 color page →
bg
#000704
- RGB
- rgb(0 7 4)
- HSL
- hsl(154 100% 1%)
- OKLCH
- oklch(0.114 0.023 169.4)
WCAG contrast: on white 20.34:1 (AAA) · on black 1.03:1 (Fail)
- #23443A color page →
surface
#23443A
- RGB
- rgb(35 68 58)
- HSL
- hsl(162 32% 20%)
- OKLCH
- oklch(0.358 0.043 172.2)
WCAG contrast: on white 10.71:1 (AAA) · on black 1.95:1 (Fail)
- #009767 color page →
accent
#009767
- RGB
- rgb(0 151 103)
- HSL
- hsl(161 100% 30%)
- OKLCH
- oklch(0.598 0.131 162)
WCAG contrast: on white 3.73:1 (Fail) · on black 5.62:1 (AA)
- #DAE2DF color page →
text
#DAE2DF
- RGB
- rgb(218 226 223)
- HSL
- hsl(158 12% 87%)
- OKLCH
- oklch(0.906 0.009 171.8)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.92:1 (AAA)
Export Rainforest Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000704;
--surface: #23443a;
--accent: #009767;
--text: #dae2df;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000704;
--color-surface: #23443a;
--color-accent: #009767;
--color-text: #dae2df;
}JSON (DTCG tokens)
{
"rainforest-garden-5rr": {
"bg": {
"$type": "color",
"$value": "#000704"
},
"surface": {
"$type": "color",
"$value": "#23443a"
},
"accent": {
"$type": "color",
"$value": "#009767"
},
"text": {
"$type": "color",
"$value": "#dae2df"
}
}
}About this palette
Rainforest Garden is a 4-color OKLCH-ready palette tagged turquoise, cold, dark mode ui, ui system, 4 colors. Hex values: #000704, #23443A, #009767, #DAE2DF. APCA contrast score Lc 8.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 Rainforest Garden by OKLab color distance.