Palette · 10 colors · Lc 8.9
True Calypso Delta palette
True Calypso Delta: a 10-color palette (Blue, Gray, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #DCE9E6, #90BBB1, #4E877F, #3B7486, #5C6284, #735A71, #885B5D, #6C5030, #323926, #031513, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCE9E6
surface
#90BBB1
muted
#4E877F
primary
#3B7486
secondary
#5C6284
accent
#735A71
highlight
#885B5D
border
#6C5030
focus
#323926
text
#031513
Colors in True Calypso Delta: HEX, RGB, HSL & OKLCH
- #DCE9E6 color page →
bg
#DCE9E6
- RGB
- rgb(220 233 230)
- HSL
- hsl(166 23% 89%)
- OKLCH
- oklch(0.923 0.014 180.7)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.84:1 (AAA)
- #90BBB1 color page →
surface
#90BBB1
- RGB
- rgb(144 187 177)
- HSL
- hsl(166 24% 65%)
- OKLCH
- oklch(0.758 0.048 179.1)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.92:1 (AAA)
- #4E877F color page →
muted
#4E877F
- RGB
- rgb(78 135 127)
- HSL
- hsl(172 27% 42%)
- OKLCH
- oklch(0.582 0.062 184.2)
WCAG contrast: on white 4.12:1 (Fail) · on black 5.09:1 (AA)
- #3B7486 color page →
primary
#3B7486
- RGB
- rgb(59 116 134)
- HSL
- hsl(194 39% 38%)
- OKLCH
- oklch(0.528 0.066 220.9)
WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)
- #5C6284 color page →
secondary
#5C6284
- RGB
- rgb(92 98 132)
- HSL
- hsl(231 18% 44%)
- OKLCH
- oklch(0.505 0.055 276.5)
WCAG contrast: on white 5.94:1 (AA) · on black 3.53:1 (Fail)
- #735A71 color page →
accent
#735A71
- RGB
- rgb(115 90 113)
- HSL
- hsl(305 12% 40%)
- OKLCH
- oklch(0.501 0.047 328.9)
WCAG contrast: on white 6.12:1 (AA) · on black 3.42:1 (Fail)
- #885B5D color page →
highlight
#885B5D
- RGB
- rgb(136 91 93)
- HSL
- hsl(357 20% 45%)
- OKLCH
- oklch(0.52 0.059 16.4)
WCAG contrast: on white 5.67:1 (AA) · on black 3.70:1 (Fail)
- #6C5030 color page →
border
#6C5030
- RGB
- rgb(108 80 48)
- HSL
- hsl(32 38% 31%)
- OKLCH
- oklch(0.453 0.06 69.1)
WCAG contrast: on white 7.42:1 (AAA) · on black 2.82:1 (Fail)
- #323926 color page →
focus
#323926
- RGB
- rgb(50 57 38)
- HSL
- hsl(82 20% 19%)
- OKLCH
- oklch(0.332 0.033 124.6)
WCAG contrast: on white 12.00:1 (AAA) · on black 1.74:1 (Fail)
- #031513 color page →
text
#031513
- RGB
- rgb(3 21 19)
- HSL
- hsl(173 75% 5%)
- OKLCH
- oklch(0.179 0.026 186.1)
WCAG contrast: on white 18.74:1 (AAA) · on black 1.12:1 (Fail)
Export True Calypso Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce9e6;
--surface: #90bbb1;
--muted: #4e877f;
--primary: #3b7486;
--secondary: #5c6284;
--accent: #735a71;
--highlight: #885b5d;
--border: #6c5030;
--focus: #323926;
--text: #031513;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce9e6;
--color-surface: #90bbb1;
--color-muted: #4e877f;
--color-primary: #3b7486;
--color-secondary: #5c6284;
--color-accent: #735a71;
--color-highlight: #885b5d;
--color-border: #6c5030;
--color-focus: #323926;
--color-text: #031513;
}JSON (DTCG tokens)
{
"true-calypso-delta-4wl": {
"bg": {
"$type": "color",
"$value": "#dce9e6"
},
"surface": {
"$type": "color",
"$value": "#90bbb1"
},
"muted": {
"$type": "color",
"$value": "#4e877f"
},
"primary": {
"$type": "color",
"$value": "#3b7486"
},
"secondary": {
"$type": "color",
"$value": "#5c6284"
},
"accent": {
"$type": "color",
"$value": "#735a71"
},
"highlight": {
"$type": "color",
"$value": "#885b5d"
},
"border": {
"$type": "color",
"$value": "#6c5030"
},
"focus": {
"$type": "color",
"$value": "#323926"
},
"text": {
"$type": "color",
"$value": "#031513"
}
}
}About this palette
True Calypso Delta is a 10-color OKLCH-ready palette tagged blue, gray, cold, 10 colors. Hex values: #DCE9E6, #90BBB1, #4E877F, #3B7486, #5C6284, #735A71, #885B5D, #6C5030, #323926, #031513. APCA contrast score Lc 8.9. 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 Calypso Delta by OKLab color distance.