Palette · 9 colors · Lc 8.6
True Bermuda Bloom palette
True Bermuda Bloom: a 9-color palette (Blue, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #E3EEF0, #7BB1BC, #007A89, #5B70A3, #82587C, #8C4E42, #78693B, #223725, #05171A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3EEF0
surface
#7BB1BC
muted
#007A89
primary
#5B70A3
secondary
#82587C
accent
#8C4E42
highlight
#78693B
border
#223725
text
#05171A
Colors in True Bermuda Bloom: HEX, RGB, HSL & OKLCH
- #E3EEF0 color page →
bg
#E3EEF0
- RGB
- rgb(227 238 240)
- HSL
- hsl(189 30% 92%)
- OKLCH
- oklch(0.941 0.012 209.8)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.75:1 (AAA)
- #7BB1BC color page →
surface
#7BB1BC
- RGB
- rgb(123 177 188)
- HSL
- hsl(190 33% 61%)
- OKLCH
- oklch(0.727 0.059 211.7)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.85:1 (AAA)
- #007A89 color page →
muted
#007A89
- RGB
- rgb(0 122 137)
- HSL
- hsl(187 100% 27%)
- OKLCH
- oklch(0.531 0.092 209.7)
WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)
- #5B70A3 color page →
primary
#5B70A3
- RGB
- rgb(91 112 163)
- HSL
- hsl(223 28% 50%)
- OKLCH
- oklch(0.55 0.084 266.6)
WCAG contrast: on white 4.89:1 (AA) · on black 4.29:1 (Fail)
- #82587C color page →
secondary
#82587C
- RGB
- rgb(130 88 124)
- HSL
- hsl(309 19% 43%)
- OKLCH
- oklch(0.518 0.076 331.7)
WCAG contrast: on white 5.77:1 (AA) · on black 3.63:1 (Fail)
- #8C4E42 color page →
accent
#8C4E42
- RGB
- rgb(140 78 66)
- HSL
- hsl(10 36% 40%)
- OKLCH
- oklch(0.495 0.086 31.9)
WCAG contrast: on white 6.39:1 (AA) · on black 3.28:1 (Fail)
- #78693B color page →
highlight
#78693B
- RGB
- rgb(120 105 59)
- HSL
- hsl(45 34% 35%)
- OKLCH
- oklch(0.524 0.067 91.9)
WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)
- #223725 color page →
border
#223725
- RGB
- rgb(34 55 37)
- HSL
- hsl(129 24% 17%)
- OKLCH
- oklch(0.313 0.042 148.1)
WCAG contrast: on white 12.79:1 (AAA) · on black 1.64:1 (Fail)
- #05171A color page →
text
#05171A
- RGB
- rgb(5 23 26)
- HSL
- hsl(189 68% 6%)
- OKLCH
- oklch(0.191 0.025 209.3)
WCAG contrast: on white 18.35:1 (AAA) · on black 1.14:1 (Fail)
Export True Bermuda Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3eef0;
--surface: #7bb1bc;
--muted: #007a89;
--primary: #5b70a3;
--secondary: #82587c;
--accent: #8c4e42;
--highlight: #78693b;
--border: #223725;
--text: #05171a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3eef0;
--color-surface: #7bb1bc;
--color-muted: #007a89;
--color-primary: #5b70a3;
--color-secondary: #82587c;
--color-accent: #8c4e42;
--color-highlight: #78693b;
--color-border: #223725;
--color-text: #05171a;
}JSON (DTCG tokens)
{
"true-bermuda-bloom-5s5": {
"bg": {
"$type": "color",
"$value": "#e3eef0"
},
"surface": {
"$type": "color",
"$value": "#7bb1bc"
},
"muted": {
"$type": "color",
"$value": "#007a89"
},
"primary": {
"$type": "color",
"$value": "#5b70a3"
},
"secondary": {
"$type": "color",
"$value": "#82587c"
},
"accent": {
"$type": "color",
"$value": "#8c4e42"
},
"highlight": {
"$type": "color",
"$value": "#78693b"
},
"border": {
"$type": "color",
"$value": "#223725"
},
"text": {
"$type": "color",
"$value": "#05171a"
}
}
}About this palette
True Bermuda Bloom is a 9-color OKLCH-ready palette tagged blue, cold, 9 colors. Hex values: #E3EEF0, #7BB1BC, #007A89, #5B70A3, #82587C, #8C4E42, #78693B, #223725, #05171A. 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 Bermuda Bloom by OKLab color distance.