Palette · 8 colors · Lc 10
True Java Beacon palette
True Java Beacon: a 8-color palette (Blue, Cold, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #000808, #003231, #004946, #007C7A, #009695, #59B9BA, #9CDBD5, #E0FAF9, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Cold
- Monochromatic
- 8 Colors
bg
#000808
surface
#003231
muted
#004946
primary
#007C7A
secondary
#009695
accent
#59B9BA
highlight
#9CDBD5
text
#E0FAF9
Colors in True Java Beacon: HEX, RGB, HSL & OKLCH
- #000808 color page →
bg
#000808
- RGB
- rgb(0 8 8)
- HSL
- hsl(180 100% 2%)
- OKLCH
- oklch(0.122 0.021 194.8)
WCAG contrast: on white 20.22:1 (AAA) · on black 1.03:1 (Fail)
- #003231 color page →
surface
#003231
- RGB
- rgb(0 50 49)
- HSL
- hsl(179 100% 10%)
- OKLCH
- oklch(0.287 0.049 192.6)
WCAG contrast: on white 13.99:1 (AAA) · on black 1.50:1 (Fail)
- #004946 color page →
muted
#004946
- RGB
- rgb(0 73 70)
- HSL
- hsl(178 100% 14%)
- OKLCH
- oklch(0.366 0.063 190.1)
WCAG contrast: on white 10.28:1 (AAA) · on black 2.04:1 (Fail)
- #007C7A color page →
primary
#007C7A
- RGB
- rgb(0 124 122)
- HSL
- hsl(179 100% 24%)
- OKLCH
- oklch(0.53 0.091 192.8)
WCAG contrast: on white 5.04:1 (AA) · on black 4.16:1 (Fail)
- #009695 color page →
secondary
#009695
- RGB
- rgb(0 150 149)
- HSL
- hsl(180 100% 29%)
- OKLCH
- oklch(0.609 0.104 193.9)
WCAG contrast: on white 3.62:1 (Fail) · on black 5.79:1 (AA)
- #59B9BA color page →
accent
#59B9BA
- RGB
- rgb(89 185 186)
- HSL
- hsl(181 41% 54%)
- OKLCH
- oklch(0.729 0.09 196.3)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.07:1 (AAA)
- #9CDBD5 color page →
highlight
#9CDBD5
- RGB
- rgb(156 219 213)
- HSL
- hsl(174 47% 74%)
- OKLCH
- oklch(0.847 0.064 188.6)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.50:1 (AAA)
- #E0FAF9 color page →
text
#E0FAF9
- RGB
- rgb(224 250 249)
- HSL
- hsl(178 72% 93%)
- OKLCH
- oklch(0.966 0.027 193.9)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.21:1 (AAA)
Export True Java Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000808;
--surface: #003231;
--muted: #004946;
--primary: #007c7a;
--secondary: #009695;
--accent: #59b9ba;
--highlight: #9cdbd5;
--text: #e0faf9;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000808;
--color-surface: #003231;
--color-muted: #004946;
--color-primary: #007c7a;
--color-secondary: #009695;
--color-accent: #59b9ba;
--color-highlight: #9cdbd5;
--color-text: #e0faf9;
}JSON (DTCG tokens)
{
"true-java-beacon-3ig": {
"bg": {
"$type": "color",
"$value": "#000808"
},
"surface": {
"$type": "color",
"$value": "#003231"
},
"muted": {
"$type": "color",
"$value": "#004946"
},
"primary": {
"$type": "color",
"$value": "#007c7a"
},
"secondary": {
"$type": "color",
"$value": "#009695"
},
"accent": {
"$type": "color",
"$value": "#59b9ba"
},
"highlight": {
"$type": "color",
"$value": "#9cdbd5"
},
"text": {
"$type": "color",
"$value": "#e0faf9"
}
}
}About this palette
True Java Beacon is a 8-color OKLCH-ready palette tagged blue, cold, monochromatic, 8 colors. Hex values: #000808, #003231, #004946, #007C7A, #009695, #59B9BA, #9CDBD5, #E0FAF9. 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 Java Beacon by OKLab color distance.