Palette · 3 colors · Lc 9.4
Tropical Rainforest Beacon palette
Tropical Rainforest Beacon: a 3-color palette (Turquoise, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #F4EBEE, #007E69, #12090D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4EBEE
accent
#007E69
text
#12090D
Colors in Tropical Rainforest Beacon: HEX, RGB, HSL & OKLCH
- #F4EBEE color page →
bg
#F4EBEE
- RGB
- rgb(244 235 238)
- HSL
- hsl(340 29% 94%)
- OKLCH
- oklch(0.948 0.01 354.9)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.96:1 (AAA)
- #007E69 color page →
accent
#007E69
- RGB
- rgb(0 126 105)
- HSL
- hsl(170 100% 25%)
- OKLCH
- oklch(0.53 0.099 175.6)
WCAG contrast: on white 5.01:1 (AA) · on black 4.18:1 (Fail)
- #12090D color page →
text
#12090D
- RGB
- rgb(18 9 13)
- HSL
- hsl(333 33% 5%)
- OKLCH
- oklch(0.155 0.018 351)
WCAG contrast: on white 19.61:1 (AAA) · on black 1.07:1 (Fail)
Export Tropical Rainforest Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4ebee;
--accent: #007e69;
--text: #12090d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4ebee;
--color-accent: #007e69;
--color-text: #12090d;
}JSON (DTCG tokens)
{
"tropical-rainforest-beacon-199": {
"bg": {
"$type": "color",
"$value": "#f4ebee"
},
"accent": {
"$type": "color",
"$value": "#007e69"
},
"text": {
"$type": "color",
"$value": "#12090d"
}
}
}About this palette
Tropical Rainforest Beacon is a 3-color OKLCH-ready palette tagged turquoise, gray, cold, 3 colors. Hex values: #F4EBEE, #007E69, #12090D. APCA contrast score Lc 9.4. 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 Tropical Rainforest Beacon by OKLab color distance.