Palette · 7 colors · Lc 9.3
Steady Bleu Ciel System palette
Steady Bleu Ciel System: a 7-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E6F3F8, #98CAD5, #65ACB9, #00799E, #006170, #003642, #061119, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6F3F8
surface
#98CAD5
muted
#65ACB9
primary
#00799E
secondary
#006170
accent
#003642
text
#061119
Colors in Steady Bleu Ciel System: HEX, RGB, HSL & OKLCH
- #E6F3F8 color page →
bg
#E6F3F8
- RGB
- rgb(230 243 248)
- HSL
- hsl(197 56% 94%)
- OKLCH
- oklch(0.956 0.015 222.7)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.54:1 (AAA)
- #98CAD5 color page →
surface
#98CAD5
- RGB
- rgb(152 202 213)
- HSL
- hsl(191 42% 72%)
- OKLCH
- oklch(0.808 0.054 212.7)
WCAG contrast: on white 1.78:1 (Fail) · on black 11.74:1 (AAA)
- #65ACB9 color page →
muted
#65ACB9
- RGB
- rgb(101 172 185)
- HSL
- hsl(189 38% 56%)
- OKLCH
- oklch(0.703 0.074 210.6)
WCAG contrast: on white 2.57:1 (Fail) · on black 8.15:1 (AAA)
- #00799E color page →
primary
#00799E
- RGB
- rgb(0 121 158)
- HSL
- hsl(194 100% 31%)
- OKLCH
- oklch(0.538 0.105 228.2)
WCAG contrast: on white 4.96:1 (AA) · on black 4.22:1 (Fail)
- #006170 color page →
secondary
#006170
- RGB
- rgb(0 97 112)
- HSL
- hsl(188 100% 22%)
- OKLCH
- oklch(0.452 0.079 212.9)
WCAG contrast: on white 7.13:1 (AAA) · on black 2.94:1 (Fail)
- #003642 color page →
accent
#003642
- RGB
- rgb(0 54 66)
- HSL
- hsl(191 100% 13%)
- OKLCH
- oklch(0.307 0.055 217.9)
WCAG contrast: on white 13.07:1 (AAA) · on black 1.60:1 (Fail)
- #061119 color page →
text
#061119
- RGB
- rgb(6 17 25)
- HSL
- hsl(205 61% 6%)
- OKLCH
- oklch(0.171 0.024 240.2)
WCAG contrast: on white 19.05:1 (AAA) · on black 1.10:1 (Fail)
Export Steady Bleu Ciel System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6f3f8;
--surface: #98cad5;
--muted: #65acb9;
--primary: #00799e;
--secondary: #006170;
--accent: #003642;
--text: #061119;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6f3f8;
--color-surface: #98cad5;
--color-muted: #65acb9;
--color-primary: #00799e;
--color-secondary: #006170;
--color-accent: #003642;
--color-text: #061119;
}JSON (DTCG tokens)
{
"steady-bleu-ciel-system-2rc": {
"bg": {
"$type": "color",
"$value": "#e6f3f8"
},
"surface": {
"$type": "color",
"$value": "#98cad5"
},
"muted": {
"$type": "color",
"$value": "#65acb9"
},
"primary": {
"$type": "color",
"$value": "#00799e"
},
"secondary": {
"$type": "color",
"$value": "#006170"
},
"accent": {
"$type": "color",
"$value": "#003642"
},
"text": {
"$type": "color",
"$value": "#061119"
}
}
}About this palette
Steady Bleu Ciel System is a 7-color OKLCH-ready palette tagged blue, cold, ocean, nature, 7 colors. Hex values: #E6F3F8, #98CAD5, #65ACB9, #00799E, #006170, #003642, #061119. 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 Steady Bleu Ciel System by OKLab color distance.