Palette · 10 colors · Lc 10
True Cloisonné Pulse palette
True Cloisonné Pulse: a 10-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #F2F7FB, #BCE1F3, #84C3DE, #59A0C4, #4188C1, #0072A2, #006084, #004860, #00273B, #07101A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2F7FB
surface
#BCE1F3
muted
#84C3DE
primary
#59A0C4
secondary
#4188C1
accent
#0072A2
highlight
#006084
border
#004860
focus
#00273B
text
#07101A
Colors in True Cloisonné Pulse: HEX, RGB, HSL & OKLCH
- #F2F7FB color page →
bg
#F2F7FB
- RGB
- rgb(242 247 251)
- HSL
- hsl(207 53% 97%)
- OKLCH
- oklch(0.974 0.008 241.7)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.47:1 (AAA)
- #BCE1F3 color page →
surface
#BCE1F3
- RGB
- rgb(188 225 243)
- HSL
- hsl(200 70% 85%)
- OKLCH
- oklch(0.889 0.046 228.9)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.20:1 (AAA)
- #84C3DE color page →
muted
#84C3DE
- RGB
- rgb(132 195 222)
- HSL
- hsl(198 58% 69%)
- OKLCH
- oklch(0.784 0.075 226.8)
WCAG contrast: on white 1.93:1 (Fail) · on black 10.84:1 (AAA)
- #59A0C4 color page →
primary
#59A0C4
- RGB
- rgb(89 160 196)
- HSL
- hsl(200 48% 56%)
- OKLCH
- oklch(0.674 0.089 232.3)
WCAG contrast: on white 2.89:1 (Fail) · on black 7.25:1 (AAA)
- #4188C1 color page →
secondary
#4188C1
- RGB
- rgb(65 136 193)
- HSL
- hsl(207 51% 51%)
- OKLCH
- oklch(0.607 0.112 245.4)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.51:1 (AA)
- #0072A2 color page →
accent
#0072A2
- RGB
- rgb(0 114 162)
- HSL
- hsl(198 100% 32%)
- OKLCH
- oklch(0.523 0.113 236.5)
WCAG contrast: on white 5.34:1 (AA) · on black 3.92:1 (Fail)
- #006084 color page →
highlight
#006084
- RGB
- rgb(0 96 132)
- HSL
- hsl(196 100% 26%)
- OKLCH
- oklch(0.46 0.095 232.9)
WCAG contrast: on white 6.98:1 (AA) · on black 3.00:1 (Fail)
- #004860 color page →
border
#004860
- RGB
- rgb(0 72 96)
- HSL
- hsl(195 100% 19%)
- OKLCH
- oklch(0.375 0.074 228.7)
WCAG contrast: on white 10.01:1 (AAA) · on black 2.09:1 (Fail)
- #00273B color page →
focus
#00273B
- RGB
- rgb(0 39 59)
- HSL
- hsl(200 100% 12%)
- OKLCH
- oklch(0.258 0.056 236.7)
WCAG contrast: on white 15.51:1 (AAA) · on black 1.35:1 (Fail)
- #07101A color page →
text
#07101A
- RGB
- rgb(7 16 26)
- HSL
- hsl(212 58% 6%)
- OKLCH
- oklch(0.17 0.025 251.2)
WCAG contrast: on white 19.12:1 (AAA) · on black 1.09:1 (Fail)
Export True Cloisonné Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2f7fb;
--surface: #bce1f3;
--muted: #84c3de;
--primary: #59a0c4;
--secondary: #4188c1;
--accent: #0072a2;
--highlight: #006084;
--border: #004860;
--focus: #00273b;
--text: #07101a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2f7fb;
--color-surface: #bce1f3;
--color-muted: #84c3de;
--color-primary: #59a0c4;
--color-secondary: #4188c1;
--color-accent: #0072a2;
--color-highlight: #006084;
--color-border: #004860;
--color-focus: #00273b;
--color-text: #07101a;
}JSON (DTCG tokens)
{
"true-cloisonn-pulse-7pd": {
"bg": {
"$type": "color",
"$value": "#f2f7fb"
},
"surface": {
"$type": "color",
"$value": "#bce1f3"
},
"muted": {
"$type": "color",
"$value": "#84c3de"
},
"primary": {
"$type": "color",
"$value": "#59a0c4"
},
"secondary": {
"$type": "color",
"$value": "#4188c1"
},
"accent": {
"$type": "color",
"$value": "#0072a2"
},
"highlight": {
"$type": "color",
"$value": "#006084"
},
"border": {
"$type": "color",
"$value": "#004860"
},
"focus": {
"$type": "color",
"$value": "#00273b"
},
"text": {
"$type": "color",
"$value": "#07101a"
}
}
}About this palette
True Cloisonné Pulse is a 10-color OKLCH-ready palette tagged violet, cold, ocean, nature, 10 colors. Hex values: #F2F7FB, #BCE1F3, #84C3DE, #59A0C4, #4188C1, #0072A2, #006084, #004860, #00273B, #07101A. APCA contrast score Lc 10. 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 True Cloisonné Pulse by OKLab color distance.