Palette · 8 colors · Lc 8.9
True Java Beacon palette
True Java Beacon: a 8-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DFEDED, #A6DCDB, #6AB4B0, #009299, #007579, #005248, #003231, #001016, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFEDED
surface
#A6DCDB
muted
#6AB4B0
primary
#009299
secondary
#007579
accent
#005248
highlight
#003231
text
#001016
Colors in True Java Beacon: HEX, RGB, HSL & OKLCH
- #DFEDED color page →
bg
#DFEDED
- RGB
- rgb(223 237 237)
- HSL
- hsl(180 28% 90%)
- OKLCH
- oklch(0.936 0.015 196.9)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #A6DCDB color page →
surface
#A6DCDB
- RGB
- rgb(166 220 219)
- HSL
- hsl(179 44% 76%)
- OKLCH
- oklch(0.857 0.055 194.7)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.88:1 (AAA)
- #6AB4B0 color page →
muted
#6AB4B0
- RGB
- rgb(106 180 176)
- HSL
- hsl(177 33% 56%)
- OKLCH
- oklch(0.721 0.074 191.2)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.76:1 (AAA)
- #009299 color page →
primary
#009299
- RGB
- rgb(0 146 153)
- HSL
- hsl(183 100% 30%)
- OKLCH
- oklch(0.6 0.102 200.8)
WCAG contrast: on white 3.76:1 (Fail) · on black 5.57:1 (AA)
- #007579 color page →
secondary
#007579
- RGB
- rgb(0 117 121)
- HSL
- hsl(182 100% 24%)
- OKLCH
- oklch(0.511 0.087 199)
WCAG contrast: on white 5.49:1 (AA) · on black 3.82:1 (Fail)
- #005248 color page →
accent
#005248
- RGB
- rgb(0 82 72)
- HSL
- hsl(173 100% 16%)
- OKLCH
- oklch(0.393 0.071 181)
WCAG contrast: on white 9.12:1 (AAA) · on black 2.30:1 (Fail)
- #003231 color page →
highlight
#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)
- #001016 color page →
text
#001016
- RGB
- rgb(0 16 22)
- HSL
- hsl(196 100% 4%)
- OKLCH
- oklch(0.16 0.029 220.6)
WCAG contrast: on white 19.34:1 (AAA) · on black 1.08:1 (Fail)
Export True Java Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfeded;
--surface: #a6dcdb;
--muted: #6ab4b0;
--primary: #009299;
--secondary: #007579;
--accent: #005248;
--highlight: #003231;
--text: #001016;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfeded;
--color-surface: #a6dcdb;
--color-muted: #6ab4b0;
--color-primary: #009299;
--color-secondary: #007579;
--color-accent: #005248;
--color-highlight: #003231;
--color-text: #001016;
}JSON (DTCG tokens)
{
"true-java-beacon-616": {
"bg": {
"$type": "color",
"$value": "#dfeded"
},
"surface": {
"$type": "color",
"$value": "#a6dcdb"
},
"muted": {
"$type": "color",
"$value": "#6ab4b0"
},
"primary": {
"$type": "color",
"$value": "#009299"
},
"secondary": {
"$type": "color",
"$value": "#007579"
},
"accent": {
"$type": "color",
"$value": "#005248"
},
"highlight": {
"$type": "color",
"$value": "#003231"
},
"text": {
"$type": "color",
"$value": "#001016"
}
}
}About this palette
True Java Beacon is a 8-color OKLCH-ready palette tagged blue, cold, ocean, nature, 8 colors. Hex values: #DFEDED, #A6DCDB, #6AB4B0, #009299, #007579, #005248, #003231, #001016. APCA contrast score Lc 8.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 True Java Beacon by OKLab color distance.