Palette · 10 colors · Lc 8.7
Pure Paradiso Lattice palette
Pure Paradiso Lattice: a 10-color palette (Blue, Gray, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #D9F3F8, #C2D5D5, #9CC1BA, #76A9A6, #558B8B, #507882, #456372, #2F4D5A, #203036, #071E20, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9F3F8
surface
#C2D5D5
muted
#9CC1BA
primary
#76A9A6
secondary
#558B8B
accent
#507882
highlight
#456372
border
#2F4D5A
focus
#203036
text
#071E20
Colors in Pure Paradiso Lattice: HEX, RGB, HSL & OKLCH
- #D9F3F8 color page →
bg
#D9F3F8
- RGB
- rgb(217 243 248)
- HSL
- hsl(190 69% 91%)
- OKLCH
- oklch(0.947 0.028 210.5)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.12:1 (AAA)
- #C2D5D5 color page →
surface
#C2D5D5
- RGB
- rgb(194 213 213)
- HSL
- hsl(180 18% 80%)
- OKLCH
- oklch(0.859 0.02 196.8)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.77:1 (AAA)
- #9CC1BA color page →
muted
#9CC1BA
- RGB
- rgb(156 193 186)
- HSL
- hsl(169 23% 68%)
- OKLCH
- oklch(0.782 0.041 182.4)
WCAG contrast: on white 1.95:1 (Fail) · on black 10.75:1 (AAA)
- #76A9A6 color page →
primary
#76A9A6
- RGB
- rgb(118 169 166)
- HSL
- hsl(176 23% 56%)
- OKLCH
- oklch(0.698 0.054 191.4)
WCAG contrast: on white 2.62:1 (Fail) · on black 7.99:1 (AAA)
- #558B8B color page →
secondary
#558B8B
- RGB
- rgb(85 139 139)
- HSL
- hsl(180 24% 44%)
- OKLCH
- oklch(0.599 0.057 195.7)
WCAG contrast: on white 3.85:1 (Fail) · on black 5.45:1 (AA)
- #507882 color page →
accent
#507882
- RGB
- rgb(80 120 130)
- HSL
- hsl(192 24% 41%)
- OKLCH
- oklch(0.547 0.047 215.1)
WCAG contrast: on white 4.82:1 (AA) · on black 4.35:1 (Fail)
- #456372 color page →
highlight
#456372
- RGB
- rgb(69 99 114)
- HSL
- hsl(200 25% 36%)
- OKLCH
- oklch(0.482 0.043 230.4)
WCAG contrast: on white 6.40:1 (AA) · on black 3.28:1 (Fail)
- #2F4D5A color page →
border
#2F4D5A
- RGB
- rgb(47 77 90)
- HSL
- hsl(198 31% 27%)
- OKLCH
- oklch(0.402 0.042 227.3)
WCAG contrast: on white 9.01:1 (AAA) · on black 2.33:1 (Fail)
- #203036 color page →
focus
#203036
- RGB
- rgb(32 48 54)
- HSL
- hsl(196 26% 17%)
- OKLCH
- oklch(0.298 0.024 223.2)
WCAG contrast: on white 13.65:1 (AAA) · on black 1.53:1 (Fail)
- #071E20 color page →
text
#071E20
- RGB
- rgb(7 30 32)
- HSL
- hsl(185 64% 8%)
- OKLCH
- oklch(0.218 0.029 203)
WCAG contrast: on white 17.27:1 (AAA) · on black 1.21:1 (Fail)
Export Pure Paradiso Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9f3f8;
--surface: #c2d5d5;
--muted: #9cc1ba;
--primary: #76a9a6;
--secondary: #558b8b;
--accent: #507882;
--highlight: #456372;
--border: #2f4d5a;
--focus: #203036;
--text: #071e20;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9f3f8;
--color-surface: #c2d5d5;
--color-muted: #9cc1ba;
--color-primary: #76a9a6;
--color-secondary: #558b8b;
--color-accent: #507882;
--color-highlight: #456372;
--color-border: #2f4d5a;
--color-focus: #203036;
--color-text: #071e20;
}JSON (DTCG tokens)
{
"pure-paradiso-lattice-25t": {
"bg": {
"$type": "color",
"$value": "#d9f3f8"
},
"surface": {
"$type": "color",
"$value": "#c2d5d5"
},
"muted": {
"$type": "color",
"$value": "#9cc1ba"
},
"primary": {
"$type": "color",
"$value": "#76a9a6"
},
"secondary": {
"$type": "color",
"$value": "#558b8b"
},
"accent": {
"$type": "color",
"$value": "#507882"
},
"highlight": {
"$type": "color",
"$value": "#456372"
},
"border": {
"$type": "color",
"$value": "#2f4d5a"
},
"focus": {
"$type": "color",
"$value": "#203036"
},
"text": {
"$type": "color",
"$value": "#071e20"
}
}
}About this palette
Pure Paradiso Lattice is a 10-color OKLCH-ready palette tagged blue, gray, cold, 10 colors. Hex values: #D9F3F8, #C2D5D5, #9CC1BA, #76A9A6, #558B8B, #507882, #456372, #2F4D5A, #203036, #071E20. 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 Pure Paradiso Lattice by OKLab color distance.