Palette · 10 colors · Lc 9.7
Classic Java Atelier palette
Classic Java Atelier: a 10-color palette (Blue, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #D8F6FB, #BCE0DC, #78BFB1, #54ABA1, #2B949A, #007D87, #006380, #074A5D, #00343F, #00161C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8F6FB
surface
#BCE0DC
muted
#78BFB1
primary
#54ABA1
secondary
#2B949A
accent
#007D87
highlight
#006380
border
#074A5D
focus
#00343F
text
#00161C
Colors in Classic Java Atelier: HEX, RGB, HSL & OKLCH
- #D8F6FB color page →
bg
#D8F6FB
- RGB
- rgb(216 246 251)
- HSL
- hsl(189 81% 92%)
- OKLCH
- oklch(0.953 0.032 208.7)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.49:1 (AAA)
- #BCE0DC color page →
surface
#BCE0DC
- RGB
- rgb(188 224 220)
- HSL
- hsl(173 37% 81%)
- OKLCH
- oklch(0.88 0.038 188.3)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.83:1 (AAA)
- #78BFB1 color page →
muted
#78BFB1
- RGB
- rgb(120 191 177)
- HSL
- hsl(168 36% 61%)
- OKLCH
- oklch(0.754 0.075 180.3)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.88:1 (AAA)
- #54ABA1 color page →
primary
#54ABA1
- RGB
- rgb(84 171 161)
- HSL
- hsl(173 34% 50%)
- OKLCH
- oklch(0.684 0.086 185.5)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.71:1 (AAA)
- #2B949A color page →
secondary
#2B949A
- RGB
- rgb(43 148 154)
- HSL
- hsl(183 56% 39%)
- OKLCH
- oklch(0.611 0.092 200.7)
WCAG contrast: on white 3.61:1 (Fail) · on black 5.80:1 (AA)
- #007D87 color page →
accent
#007D87
- RGB
- rgb(0 125 135)
- HSL
- hsl(184 100% 26%)
- OKLCH
- oklch(0.538 0.092 204.6)
WCAG contrast: on white 4.90:1 (AA) · on black 4.28:1 (Fail)
- #006380 color page →
highlight
#006380
- RGB
- rgb(0 99 128)
- HSL
- hsl(194 100% 25%)
- OKLCH
- oklch(0.466 0.09 226.6)
WCAG contrast: on white 6.78:1 (AA) · on black 3.09:1 (Fail)
- #074A5D color page →
border
#074A5D
- RGB
- rgb(7 74 93)
- HSL
- hsl(193 86% 20%)
- OKLCH
- oklch(0.381 0.068 223.4)
WCAG contrast: on white 9.78:1 (AAA) · on black 2.14:1 (Fail)
- #00343F color page →
focus
#00343F
- RGB
- rgb(0 52 63)
- HSL
- hsl(190 100% 12%)
- OKLCH
- oklch(0.3 0.053 216.8)
WCAG contrast: on white 13.43:1 (AAA) · on black 1.56:1 (Fail)
- #00161C color page →
text
#00161C
- RGB
- rgb(0 22 28)
- HSL
- hsl(193 100% 5%)
- OKLCH
- oklch(0.185 0.033 216.7)
WCAG contrast: on white 18.55:1 (AAA) · on black 1.13:1 (Fail)
Export Classic Java Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8f6fb;
--surface: #bce0dc;
--muted: #78bfb1;
--primary: #54aba1;
--secondary: #2b949a;
--accent: #007d87;
--highlight: #006380;
--border: #074a5d;
--focus: #00343f;
--text: #00161c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8f6fb;
--color-surface: #bce0dc;
--color-muted: #78bfb1;
--color-primary: #54aba1;
--color-secondary: #2b949a;
--color-accent: #007d87;
--color-highlight: #006380;
--color-border: #074a5d;
--color-focus: #00343f;
--color-text: #00161c;
}JSON (DTCG tokens)
{
"classic-java-atelier-11s": {
"bg": {
"$type": "color",
"$value": "#d8f6fb"
},
"surface": {
"$type": "color",
"$value": "#bce0dc"
},
"muted": {
"$type": "color",
"$value": "#78bfb1"
},
"primary": {
"$type": "color",
"$value": "#54aba1"
},
"secondary": {
"$type": "color",
"$value": "#2b949a"
},
"accent": {
"$type": "color",
"$value": "#007d87"
},
"highlight": {
"$type": "color",
"$value": "#006380"
},
"border": {
"$type": "color",
"$value": "#074a5d"
},
"focus": {
"$type": "color",
"$value": "#00343f"
},
"text": {
"$type": "color",
"$value": "#00161c"
}
}
}About this palette
Classic Java Atelier is a 10-color OKLCH-ready palette tagged blue, cold, 10 colors. Hex values: #D8F6FB, #BCE0DC, #78BFB1, #54ABA1, #2B949A, #007D87, #006380, #074A5D, #00343F, #00161C. APCA contrast score Lc 9.7. 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 Classic Java Atelier by OKLab color distance.