Palette · 9 colors · Lc 9.2
True Bermuda Ribbon palette
True Bermuda Ribbon: a 9-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E3F1F3, #B8DADC, #7BC7BF, #3B9A9C, #007C8E, #006E71, #00493C, #002A30, #00161D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F1F3
surface
#B8DADC
muted
#7BC7BF
primary
#3B9A9C
secondary
#007C8E
accent
#006E71
highlight
#00493C
border
#002A30
text
#00161D
Colors in True Bermuda Ribbon: HEX, RGB, HSL & OKLCH
- #E3F1F3 color page →
bg
#E3F1F3
- RGB
- rgb(227 241 243)
- HSL
- hsl(187 40% 92%)
- OKLCH
- oklch(0.948 0.015 207.1)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.14:1 (AAA)
- #B8DADC color page →
surface
#B8DADC
- RGB
- rgb(184 218 220)
- HSL
- hsl(183 34% 79%)
- OKLCH
- oklch(0.864 0.036 200.9)
WCAG contrast: on white 1.48:1 (Fail) · on black 14.10:1 (AAA)
- #7BC7BF color page →
muted
#7BC7BF
- RGB
- rgb(123 199 191)
- HSL
- hsl(174 40% 63%)
- OKLCH
- oklch(0.778 0.077 187.2)
WCAG contrast: on white 1.95:1 (Fail) · on black 10.76:1 (AAA)
- #3B9A9C color page →
primary
#3B9A9C
- RGB
- rgb(59 154 156)
- HSL
- hsl(181 45% 42%)
- OKLCH
- oklch(0.632 0.088 197.1)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.28:1 (AA)
- #007C8E color page →
secondary
#007C8E
- RGB
- rgb(0 124 142)
- HSL
- hsl(188 100% 28%)
- OKLCH
- oklch(0.538 0.094 212.3)
WCAG contrast: on white 4.91:1 (AA) · on black 4.27:1 (Fail)
- #006E71 color page →
accent
#006E71
- RGB
- rgb(0 110 113)
- HSL
- hsl(182 100% 22%)
- OKLCH
- oklch(0.489 0.083 198.1)
WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)
- #00493C color page →
highlight
#00493C
- RGB
- rgb(0 73 60)
- HSL
- hsl(169 100% 14%)
- OKLCH
- oklch(0.362 0.068 175.6)
WCAG contrast: on white 10.40:1 (AAA) · on black 2.01:1 (Fail)
- #002A30 color page →
border
#002A30
- RGB
- rgb(0 42 48)
- HSL
- hsl(188 100% 9%)
- OKLCH
- oklch(0.261 0.045 209.3)
WCAG contrast: on white 15.28:1 (AAA) · on black 1.37:1 (Fail)
- #00161D color page →
text
#00161D
- RGB
- rgb(0 22 29)
- HSL
- hsl(194 100% 6%)
- OKLCH
- oklch(0.185 0.034 220)
WCAG contrast: on white 18.54:1 (AAA) · on black 1.13:1 (Fail)
Export True Bermuda Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f1f3;
--surface: #b8dadc;
--muted: #7bc7bf;
--primary: #3b9a9c;
--secondary: #007c8e;
--accent: #006e71;
--highlight: #00493c;
--border: #002a30;
--text: #00161d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f1f3;
--color-surface: #b8dadc;
--color-muted: #7bc7bf;
--color-primary: #3b9a9c;
--color-secondary: #007c8e;
--color-accent: #006e71;
--color-highlight: #00493c;
--color-border: #002a30;
--color-text: #00161d;
}JSON (DTCG tokens)
{
"true-bermuda-ribbon-4i0": {
"bg": {
"$type": "color",
"$value": "#e3f1f3"
},
"surface": {
"$type": "color",
"$value": "#b8dadc"
},
"muted": {
"$type": "color",
"$value": "#7bc7bf"
},
"primary": {
"$type": "color",
"$value": "#3b9a9c"
},
"secondary": {
"$type": "color",
"$value": "#007c8e"
},
"accent": {
"$type": "color",
"$value": "#006e71"
},
"highlight": {
"$type": "color",
"$value": "#00493c"
},
"border": {
"$type": "color",
"$value": "#002a30"
},
"text": {
"$type": "color",
"$value": "#00161d"
}
}
}About this palette
True Bermuda Ribbon is a 9-color OKLCH-ready palette tagged blue, cold, ocean, nature, 9 colors. Hex values: #E3F1F3, #B8DADC, #7BC7BF, #3B9A9C, #007C8E, #006E71, #00493C, #002A30, #00161D. APCA contrast score Lc 9.2. 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 Ribbon by OKLab color distance.