Palette · 7 colors · Lc 8.7
Swimmer Orchard palette
Swimmer Orchard: a 7-color palette (Blue, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #00050A, #02191F, #19373D, #006578, #3194BB, #93ADBE, #D8EBF0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#00050A
surface
#02191F
muted
#19373D
primary
#006578
secondary
#3194BB
accent
#93ADBE
text
#D8EBF0
Colors in Swimmer Orchard: HEX, RGB, HSL & OKLCH
- #00050A color page →
bg
#00050A
- RGB
- rgb(0 5 10)
- HSL
- hsl(210 100% 2%)
- OKLCH
- oklch(0.108 0.022 233.5)
WCAG contrast: on white 20.46:1 (AAA) · on black 1.02:1 (Fail)
- #02191F color page →
surface
#02191F
- RGB
- rgb(2 25 31)
- HSL
- hsl(192 88% 6%)
- OKLCH
- oklch(0.198 0.032 216.9)
WCAG contrast: on white 18.08:1 (AAA) · on black 1.16:1 (Fail)
- #19373D color page →
muted
#19373D
- RGB
- rgb(25 55 61)
- HSL
- hsl(190 42% 17%)
- OKLCH
- oklch(0.316 0.037 212.2)
WCAG contrast: on white 12.68:1 (AAA) · on black 1.65:1 (Fail)
- #006578 color page →
primary
#006578
- RGB
- rgb(0 101 120)
- HSL
- hsl(190 100% 24%)
- OKLCH
- oklch(0.467 0.083 216.6)
WCAG contrast: on white 6.70:1 (AA) · on black 3.13:1 (Fail)
- #3194BB color page →
secondary
#3194BB
- RGB
- rgb(49 148 187)
- HSL
- hsl(197 58% 46%)
- OKLCH
- oklch(0.627 0.106 228.7)
WCAG contrast: on white 3.45:1 (Fail) · on black 6.08:1 (AA)
- #93ADBE color page →
accent
#93ADBE
- RGB
- rgb(147 173 190)
- HSL
- hsl(204 25% 66%)
- OKLCH
- oklch(0.734 0.038 236.7)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.96:1 (AAA)
- #D8EBF0 color page →
text
#D8EBF0
- RGB
- rgb(216 235 240)
- HSL
- hsl(193 44% 89%)
- OKLCH
- oklch(0.927 0.021 215.3)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.06:1 (AAA)
Export Swimmer Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #00050a;
--surface: #02191f;
--muted: #19373d;
--primary: #006578;
--secondary: #3194bb;
--accent: #93adbe;
--text: #d8ebf0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #00050a;
--color-surface: #02191f;
--color-muted: #19373d;
--color-primary: #006578;
--color-secondary: #3194bb;
--color-accent: #93adbe;
--color-text: #d8ebf0;
}JSON (DTCG tokens)
{
"swimmer-orchard-1cq": {
"bg": {
"$type": "color",
"$value": "#00050a"
},
"surface": {
"$type": "color",
"$value": "#02191f"
},
"muted": {
"$type": "color",
"$value": "#19373d"
},
"primary": {
"$type": "color",
"$value": "#006578"
},
"secondary": {
"$type": "color",
"$value": "#3194bb"
},
"accent": {
"$type": "color",
"$value": "#93adbe"
},
"text": {
"$type": "color",
"$value": "#d8ebf0"
}
}
}About this palette
Swimmer Orchard is a 7-color OKLCH-ready palette tagged blue, gray, cold, dark mode ui, ui system, 7 colors. Hex values: #00050A, #02191F, #19373D, #006578, #3194BB, #93ADBE, #D8EBF0. APCA contrast score Lc 8.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 Swimmer Orchard by OKLab color distance.