Palette · 5 colors · Lc 9.3
Bleu Ciel Ember palette
Bleu Ciel Ember: a 5-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DCF6FF, #6BB8C5, #2081A6, #004952, #07141C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCF6FF
surface
#6BB8C5
primary
#2081A6
accent
#004952
text
#07141C
Colors in Bleu Ciel Ember: HEX, RGB, HSL & OKLCH
- #DCF6FF color page →
bg
#DCF6FF
- RGB
- rgb(220 246 255)
- HSL
- hsl(195 100% 93%)
- OKLCH
- oklch(0.957 0.03 220.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.66:1 (AAA)
- #6BB8C5 color page →
surface
#6BB8C5
- RGB
- rgb(107 184 197)
- HSL
- hsl(189 44% 60%)
- OKLCH
- oklch(0.738 0.078 209.5)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.28:1 (AAA)
- #2081A6 color page →
primary
#2081A6
- RGB
- rgb(32 129 166)
- HSL
- hsl(197 68% 39%)
- OKLCH
- oklch(0.566 0.102 229.1)
WCAG contrast: on white 4.41:1 (Fail) · on black 4.75:1 (AA)
- #004952 color page →
accent
#004952
- RGB
- rgb(0 73 82)
- HSL
- hsl(187 100% 16%)
- OKLCH
- oklch(0.371 0.064 208.8)
WCAG contrast: on white 10.12:1 (AAA) · on black 2.07:1 (Fail)
- #07141C color page →
text
#07141C
- RGB
- rgb(7 20 28)
- HSL
- hsl(203 60% 7%)
- OKLCH
- oklch(0.183 0.025 236.7)
WCAG contrast: on white 18.65:1 (AAA) · on black 1.12:1 (Fail)
Export Bleu Ciel Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcf6ff;
--surface: #6bb8c5;
--primary: #2081a6;
--accent: #004952;
--text: #07141c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcf6ff;
--color-surface: #6bb8c5;
--color-primary: #2081a6;
--color-accent: #004952;
--color-text: #07141c;
}JSON (DTCG tokens)
{
"bleu-ciel-ember-5jp": {
"bg": {
"$type": "color",
"$value": "#dcf6ff"
},
"surface": {
"$type": "color",
"$value": "#6bb8c5"
},
"primary": {
"$type": "color",
"$value": "#2081a6"
},
"accent": {
"$type": "color",
"$value": "#004952"
},
"text": {
"$type": "color",
"$value": "#07141c"
}
}
}About this palette
Bleu Ciel Ember is a 5-color OKLCH-ready palette tagged blue, cold, ocean, nature, 5 colors. Hex values: #DCF6FF, #6BB8C5, #2081A6, #004952, #07141C. APCA contrast score Lc 9.3. 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 Bleu Ciel Ember by OKLab color distance.