Palette · 8 colors · Lc 9.1
Sea Prism palette
Sea Prism: a 8-color palette (Turquoise, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E3F3F0, #A6D4CB, #7CB6AF, #35958E, #157373, #00464C, #002B2E, #001011, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3F3F0
surface
#A6D4CB
muted
#7CB6AF
primary
#35958E
secondary
#157373
accent
#00464C
highlight
#002B2E
text
#001011
Colors in Sea Prism: HEX, RGB, HSL & OKLCH
- #E3F3F0 color page →
bg
#E3F3F0
- RGB
- rgb(227 243 240)
- HSL
- hsl(169 40% 92%)
- OKLCH
- oklch(0.951 0.017 183.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)
- #A6D4CB color page →
surface
#A6D4CB
- RGB
- rgb(166 212 203)
- HSL
- hsl(168 35% 74%)
- OKLCH
- oklch(0.835 0.05 181.8)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.90:1 (AAA)
- #7CB6AF color page →
muted
#7CB6AF
- RGB
- rgb(124 182 175)
- HSL
- hsl(173 28% 60%)
- OKLCH
- oklch(0.734 0.061 186.5)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.16:1 (AAA)
- #35958E color page →
primary
#35958E
- RGB
- rgb(53 149 142)
- HSL
- hsl(176 48% 40%)
- OKLCH
- oklch(0.612 0.089 188.3)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.84:1 (AA)
- #157373 color page →
secondary
#157373
- RGB
- rgb(21 115 115)
- HSL
- hsl(180 69% 27%)
- OKLCH
- oklch(0.506 0.081 194.9)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #00464C color page →
accent
#00464C
- RGB
- rgb(0 70 76)
- HSL
- hsl(185 100% 15%)
- OKLCH
- oklch(0.36 0.061 204.6)
WCAG contrast: on white 10.60:1 (AAA) · on black 1.98:1 (Fail)
- #002B2E color page →
highlight
#002B2E
- RGB
- rgb(0 43 46)
- HSL
- hsl(184 100% 9%)
- OKLCH
- oklch(0.263 0.045 202)
WCAG contrast: on white 15.16:1 (AAA) · on black 1.38:1 (Fail)
- #001011 color page →
text
#001011
- RGB
- rgb(0 16 17)
- HSL
- hsl(184 100% 3%)
- OKLCH
- oklch(0.157 0.027 199.4)
WCAG contrast: on white 19.40:1 (AAA) · on black 1.08:1 (Fail)
Export Sea Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f3f0;
--surface: #a6d4cb;
--muted: #7cb6af;
--primary: #35958e;
--secondary: #157373;
--accent: #00464c;
--highlight: #002b2e;
--text: #001011;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f3f0;
--color-surface: #a6d4cb;
--color-muted: #7cb6af;
--color-primary: #35958e;
--color-secondary: #157373;
--color-accent: #00464c;
--color-highlight: #002b2e;
--color-text: #001011;
}JSON (DTCG tokens)
{
"sea-prism-41": {
"bg": {
"$type": "color",
"$value": "#e3f3f0"
},
"surface": {
"$type": "color",
"$value": "#a6d4cb"
},
"muted": {
"$type": "color",
"$value": "#7cb6af"
},
"primary": {
"$type": "color",
"$value": "#35958e"
},
"secondary": {
"$type": "color",
"$value": "#157373"
},
"accent": {
"$type": "color",
"$value": "#00464c"
},
"highlight": {
"$type": "color",
"$value": "#002b2e"
},
"text": {
"$type": "color",
"$value": "#001011"
}
}
}About this palette
Sea Prism is a 8-color OKLCH-ready palette tagged turquoise, cold, 8 colors. Hex values: #E3F3F0, #A6D4CB, #7CB6AF, #35958E, #157373, #00464C, #002B2E, #001011. APCA contrast score Lc 9.1. 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 Sea Prism by OKLab color distance.