Palette · 9 colors · Lc 8.6
True Bluetiful Dune palette
True Bluetiful Dune: a 9-color palette (Violet, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #DCE2EA, #B6D8FE, #6CBCF8, #369DF9, #2F6EE7, #265BC0, #2D41A0, #1B2E66, #021636, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCE2EA
surface
#B6D8FE
muted
#6CBCF8
primary
#369DF9
secondary
#2F6EE7
accent
#265BC0
highlight
#2D41A0
border
#1B2E66
text
#021636
Colors in True Bluetiful Dune: HEX, RGB, HSL & OKLCH
- #DCE2EA color page →
bg
#DCE2EA
- RGB
- rgb(220 226 234)
- HSL
- hsl(214 25% 89%)
- OKLCH
- oklch(0.911 0.013 255.5)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.10:1 (AAA)
- #B6D8FE color page →
surface
#B6D8FE
- RGB
- rgb(182 216 254)
- HSL
- hsl(212 97% 85%)
- OKLCH
- oklch(0.87 0.064 251.4)
WCAG contrast: on white 1.47:1 (Fail) · on black 14.24:1 (AAA)
- #6CBCF8 color page →
muted
#6CBCF8
- RGB
- rgb(108 188 248)
- HSL
- hsl(206 91% 70%)
- OKLCH
- oklch(0.768 0.117 242.7)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.18:1 (AAA)
- #369DF9 color page →
primary
#369DF9
- RGB
- rgb(54 157 249)
- HSL
- hsl(208 94% 59%)
- OKLCH
- oklch(0.681 0.164 249.7)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.34:1 (AAA)
- #2F6EE7 color page →
secondary
#2F6EE7
- RGB
- rgb(47 110 231)
- HSL
- hsl(219 79% 55%)
- OKLCH
- oklch(0.568 0.195 261.7)
WCAG contrast: on white 4.66:1 (AA) · on black 4.50:1 (AA)
- #265BC0 color page →
accent
#265BC0
- RGB
- rgb(38 91 192)
- HSL
- hsl(219 67% 45%)
- OKLCH
- oklch(0.496 0.169 261.7)
WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)
- #2D41A0 color page →
highlight
#2D41A0
- RGB
- rgb(45 65 160)
- HSL
- hsl(230 56% 40%)
- OKLCH
- oklch(0.42 0.155 269.4)
WCAG contrast: on white 8.84:1 (AAA) · on black 2.37:1 (Fail)
- #1B2E66 color page →
border
#1B2E66
- RGB
- rgb(27 46 102)
- HSL
- hsl(225 58% 25%)
- OKLCH
- oklch(0.321 0.102 266.5)
WCAG contrast: on white 12.88:1 (AAA) · on black 1.62:1 (Fail)
- #021636 color page →
text
#021636
- RGB
- rgb(2 22 54)
- HSL
- hsl(217 93% 11%)
- OKLCH
- oklch(0.206 0.069 258)
WCAG contrast: on white 17.93:1 (AAA) · on black 1.17:1 (Fail)
Export True Bluetiful Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce2ea;
--surface: #b6d8fe;
--muted: #6cbcf8;
--primary: #369df9;
--secondary: #2f6ee7;
--accent: #265bc0;
--highlight: #2d41a0;
--border: #1b2e66;
--text: #021636;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce2ea;
--color-surface: #b6d8fe;
--color-muted: #6cbcf8;
--color-primary: #369df9;
--color-secondary: #2f6ee7;
--color-accent: #265bc0;
--color-highlight: #2d41a0;
--color-border: #1b2e66;
--color-text: #021636;
}JSON (DTCG tokens)
{
"true-bluetiful-dune-6ci": {
"bg": {
"$type": "color",
"$value": "#dce2ea"
},
"surface": {
"$type": "color",
"$value": "#b6d8fe"
},
"muted": {
"$type": "color",
"$value": "#6cbcf8"
},
"primary": {
"$type": "color",
"$value": "#369df9"
},
"secondary": {
"$type": "color",
"$value": "#2f6ee7"
},
"accent": {
"$type": "color",
"$value": "#265bc0"
},
"highlight": {
"$type": "color",
"$value": "#2d41a0"
},
"border": {
"$type": "color",
"$value": "#1b2e66"
},
"text": {
"$type": "color",
"$value": "#021636"
}
}
}About this palette
True Bluetiful Dune is a 9-color OKLCH-ready palette tagged violet, cold, 9 colors. Hex values: #DCE2EA, #B6D8FE, #6CBCF8, #369DF9, #2F6EE7, #265BC0, #2D41A0, #1B2E66, #021636. APCA contrast score Lc 8.6. 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 Bluetiful Dune by OKLab color distance.