Palette · 8 colors · Lc 9.6
Classic Swimmer Kiln palette
Classic Swimmer Kiln: a 8-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E9FBFF, #ABD6EA, #6BB5D0, #308EBB, #007698, #004F65, #003449, #020C15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E9FBFF
surface
#ABD6EA
muted
#6BB5D0
primary
#308EBB
secondary
#007698
accent
#004F65
highlight
#003449
text
#020C15
Colors in Classic Swimmer Kiln: HEX, RGB, HSL & OKLCH
- #E9FBFF color page →
bg
#E9FBFF
- RGB
- rgb(233 251 255)
- HSL
- hsl(191 100% 96%)
- OKLCH
- oklch(0.976 0.02 212.5)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.70:1 (AAA)
- #ABD6EA color page →
surface
#ABD6EA
- RGB
- rgb(171 214 234)
- HSL
- hsl(199 60% 79%)
- OKLCH
- oklch(0.852 0.053 227.9)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.53:1 (AAA)
- #6BB5D0 color page →
muted
#6BB5D0
- RGB
- rgb(107 181 208)
- HSL
- hsl(196 52% 62%)
- OKLCH
- oklch(0.735 0.083 223.6)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.14:1 (AAA)
- #308EBB color page →
primary
#308EBB
- RGB
- rgb(48 142 187)
- HSL
- hsl(199 59% 46%)
- OKLCH
- oklch(0.612 0.109 233.7)
WCAG contrast: on white 3.67:1 (Fail) · on black 5.71:1 (AA)
- #007698 color page →
secondary
#007698
- RGB
- rgb(0 118 152)
- HSL
- hsl(193 100% 30%)
- OKLCH
- oklch(0.527 0.101 226.6)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #004F65 color page →
accent
#004F65
- RGB
- rgb(0 79 101)
- HSL
- hsl(193 100% 20%)
- OKLCH
- oklch(0.398 0.075 224.5)
WCAG contrast: on white 9.10:1 (AAA) · on black 2.30:1 (Fail)
- #003449 color page →
highlight
#003449
- RGB
- rgb(0 52 73)
- HSL
- hsl(197 100% 14%)
- OKLCH
- oklch(0.305 0.062 232.1)
WCAG contrast: on white 13.22:1 (AAA) · on black 1.58:1 (Fail)
- #020C15 color page →
text
#020C15
- RGB
- rgb(2 12 21)
- HSL
- hsl(208 83% 5%)
- OKLCH
- oklch(0.148 0.027 240.9)
WCAG contrast: on white 19.69:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Swimmer Kiln: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9fbff;
--surface: #abd6ea;
--muted: #6bb5d0;
--primary: #308ebb;
--secondary: #007698;
--accent: #004f65;
--highlight: #003449;
--text: #020c15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9fbff;
--color-surface: #abd6ea;
--color-muted: #6bb5d0;
--color-primary: #308ebb;
--color-secondary: #007698;
--color-accent: #004f65;
--color-highlight: #003449;
--color-text: #020c15;
}JSON (DTCG tokens)
{
"classic-swimmer-kiln-5z0": {
"bg": {
"$type": "color",
"$value": "#e9fbff"
},
"surface": {
"$type": "color",
"$value": "#abd6ea"
},
"muted": {
"$type": "color",
"$value": "#6bb5d0"
},
"primary": {
"$type": "color",
"$value": "#308ebb"
},
"secondary": {
"$type": "color",
"$value": "#007698"
},
"accent": {
"$type": "color",
"$value": "#004f65"
},
"highlight": {
"$type": "color",
"$value": "#003449"
},
"text": {
"$type": "color",
"$value": "#020c15"
}
}
}About this palette
Classic Swimmer Kiln is a 8-color OKLCH-ready palette tagged violet, cold, ocean, nature, 8 colors. Hex values: #E9FBFF, #ABD6EA, #6BB5D0, #308EBB, #007698, #004F65, #003449, #020C15. APCA contrast score Lc 9.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 Classic Swimmer Kiln by OKLab color distance.