Palette · 8 colors · Lc 9.4
True Lagoon Bloom palette
True Lagoon Bloom: a 8-color palette (Turquoise, Gray, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #DCEEED, #A4CFC7, #85B8A7, #559D92, #36787B, #265D62, #0A3E3E, #071818, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCEEED
surface
#A4CFC7
muted
#85B8A7
primary
#559D92
secondary
#36787B
accent
#265D62
highlight
#0A3E3E
text
#071818
Colors in True Lagoon Bloom: HEX, RGB, HSL & OKLCH
- #DCEEED color page →
bg
#DCEEED
- RGB
- rgb(220 238 237)
- HSL
- hsl(177 35% 90%)
- OKLCH
- oklch(0.936 0.019 192.8)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.49:1 (AAA)
- #A4CFC7 color page →
surface
#A4CFC7
- RGB
- rgb(164 207 199)
- HSL
- hsl(169 31% 73%)
- OKLCH
- oklch(0.822 0.047 182.5)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.32:1 (AAA)
- #85B8A7 color page →
muted
#85B8A7
- RGB
- rgb(133 184 167)
- HSL
- hsl(160 26% 62%)
- OKLCH
- oklch(0.742 0.059 172)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.41:1 (AAA)
- #559D92 color page →
primary
#559D92
- RGB
- rgb(85 157 146)
- HSL
- hsl(171 30% 47%)
- OKLCH
- oklch(0.646 0.075 182.9)
WCAG contrast: on white 3.17:1 (Fail) · on black 6.62:1 (AA)
- #36787B color page →
secondary
#36787B
- RGB
- rgb(54 120 123)
- HSL
- hsl(183 39% 35%)
- OKLCH
- oklch(0.531 0.067 199.4)
WCAG contrast: on white 5.08:1 (AA) · on black 4.12:1 (Fail)
- #265D62 color page →
accent
#265D62
- RGB
- rgb(38 93 98)
- HSL
- hsl(185 44% 27%)
- OKLCH
- oklch(0.444 0.058 203.4)
WCAG contrast: on white 7.43:1 (AAA) · on black 2.82:1 (Fail)
- #0A3E3E color page →
highlight
#0A3E3E
- RGB
- rgb(10 62 62)
- HSL
- hsl(180 72% 14%)
- OKLCH
- oklch(0.332 0.052 195)
WCAG contrast: on white 11.85:1 (AAA) · on black 1.77:1 (Fail)
- #071818 color page →
text
#071818
- RGB
- rgb(7 24 24)
- HSL
- hsl(180 55% 6%)
- OKLCH
- oklch(0.194 0.023 195.4)
WCAG contrast: on white 18.21:1 (AAA) · on black 1.15:1 (Fail)
Export True Lagoon Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dceeed;
--surface: #a4cfc7;
--muted: #85b8a7;
--primary: #559d92;
--secondary: #36787b;
--accent: #265d62;
--highlight: #0a3e3e;
--text: #071818;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dceeed;
--color-surface: #a4cfc7;
--color-muted: #85b8a7;
--color-primary: #559d92;
--color-secondary: #36787b;
--color-accent: #265d62;
--color-highlight: #0a3e3e;
--color-text: #071818;
}JSON (DTCG tokens)
{
"true-lagoon-bloom-293": {
"bg": {
"$type": "color",
"$value": "#dceeed"
},
"surface": {
"$type": "color",
"$value": "#a4cfc7"
},
"muted": {
"$type": "color",
"$value": "#85b8a7"
},
"primary": {
"$type": "color",
"$value": "#559d92"
},
"secondary": {
"$type": "color",
"$value": "#36787b"
},
"accent": {
"$type": "color",
"$value": "#265d62"
},
"highlight": {
"$type": "color",
"$value": "#0a3e3e"
},
"text": {
"$type": "color",
"$value": "#071818"
}
}
}About this palette
True Lagoon Bloom is a 8-color OKLCH-ready palette tagged turquoise, gray, cold, 8 colors. Hex values: #DCEEED, #A4CFC7, #85B8A7, #559D92, #36787B, #265D62, #0A3E3E, #071818. APCA contrast score Lc 9.4. 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 Lagoon Bloom by OKLab color distance.