Palette · 8 colors · Lc 8.7
Campanula Harbor palette
Campanula Harbor: a 8-color palette (Violet, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #DAE7ED, #5EAFD3, #2675BF, #9B5180, #9A4A35, #855200, #10431F, #051823, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAE7ED
surface
#5EAFD3
muted
#2675BF
primary
#9B5180
secondary
#9A4A35
accent
#855200
highlight
#10431F
text
#051823
Colors in Campanula Harbor: HEX, RGB, HSL & OKLCH
- #DAE7ED color page →
bg
#DAE7ED
- RGB
- rgb(218 231 237)
- HSL
- hsl(199 35% 89%)
- OKLCH
- oklch(0.92 0.016 227)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.63:1 (AAA)
- #5EAFD3 color page →
surface
#5EAFD3
- RGB
- rgb(94 175 211)
- HSL
- hsl(198 57% 60%)
- OKLCH
- oklch(0.717 0.095 229)
WCAG contrast: on white 2.45:1 (Fail) · on black 8.54:1 (AAA)
- #2675BF color page →
muted
#2675BF
- RGB
- rgb(38 117 191)
- HSL
- hsl(209 67% 45%)
- OKLCH
- oklch(0.553 0.137 250.8)
WCAG contrast: on white 4.79:1 (AA) · on black 4.37:1 (Fail)
- #9B5180 color page →
primary
#9B5180
- RGB
- rgb(155 81 128)
- HSL
- hsl(322 31% 46%)
- OKLCH
- oklch(0.539 0.115 342.9)
WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)
- #9A4A35 color page →
secondary
#9A4A35
- RGB
- rgb(154 74 53)
- HSL
- hsl(12 49% 41%)
- OKLCH
- oklch(0.506 0.112 35.7)
WCAG contrast: on white 6.16:1 (AA) · on black 3.40:1 (Fail)
- #855200 color page →
accent
#855200
- RGB
- rgb(133 82 0)
- HSL
- hsl(37 100% 26%)
- OKLCH
- oklch(0.485 0.106 69)
WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)
- #10431F color page →
highlight
#10431F
- RGB
- rgb(16 67 31)
- HSL
- hsl(138 61% 16%)
- OKLCH
- oklch(0.339 0.082 149.4)
WCAG contrast: on white 11.38:1 (AAA) · on black 1.84:1 (Fail)
- #051823 color page →
text
#051823
- RGB
- rgb(5 24 35)
- HSL
- hsl(202 75% 8%)
- OKLCH
- oklch(0.199 0.034 236.1)
WCAG contrast: on white 18.08:1 (AAA) · on black 1.16:1 (Fail)
Export Campanula Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dae7ed;
--surface: #5eafd3;
--muted: #2675bf;
--primary: #9b5180;
--secondary: #9a4a35;
--accent: #855200;
--highlight: #10431f;
--text: #051823;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dae7ed;
--color-surface: #5eafd3;
--color-muted: #2675bf;
--color-primary: #9b5180;
--color-secondary: #9a4a35;
--color-accent: #855200;
--color-highlight: #10431f;
--color-text: #051823;
}JSON (DTCG tokens)
{
"campanula-harbor-3j4": {
"bg": {
"$type": "color",
"$value": "#dae7ed"
},
"surface": {
"$type": "color",
"$value": "#5eafd3"
},
"muted": {
"$type": "color",
"$value": "#2675bf"
},
"primary": {
"$type": "color",
"$value": "#9b5180"
},
"secondary": {
"$type": "color",
"$value": "#9a4a35"
},
"accent": {
"$type": "color",
"$value": "#855200"
},
"highlight": {
"$type": "color",
"$value": "#10431f"
},
"text": {
"$type": "color",
"$value": "#051823"
}
}
}About this palette
Campanula Harbor is a 8-color OKLCH-ready palette tagged violet, cold, 8 colors. Hex values: #DAE7ED, #5EAFD3, #2675BF, #9B5180, #9A4A35, #855200, #10431F, #051823. 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 Campanula Harbor by OKLab color distance.