Palette · 9 colors · Lc 9.7
Neptune Tide palette
Neptune Tide: a 9-color palette (Trending, Violet, Cold, Ocean). HEX, RGB, HSL and OKLCH for #E2F4F9, #B4DCE4, #75B8C1, #4DA0B2, #2B7EA5, #006574, #005456, #002836, #001421, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2F4F9
surface
#B4DCE4
muted
#75B8C1
primary
#4DA0B2
secondary
#2B7EA5
accent
#006574
highlight
#005456
border
#002836
text
#001421
Colors in Neptune Tide: HEX, RGB, HSL & OKLCH
- #E2F4F9 color page →
bg
#E2F4F9
- RGB
- rgb(226 244 249)
- HSL
- hsl(193 66% 93%)
- OKLCH
- oklch(0.955 0.02 216.2)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.54:1 (AAA)
- #B4DCE4 color page →
surface
#B4DCE4
- RGB
- rgb(180 220 228)
- HSL
- hsl(190 47% 80%)
- OKLCH
- oklch(0.868 0.043 211.1)
WCAG contrast: on white 1.46:1 (Fail) · on black 14.29:1 (AAA)
- #75B8C1 color page →
muted
#75B8C1
- RGB
- rgb(117 184 193)
- HSL
- hsl(187 38% 61%)
- OKLCH
- oklch(0.741 0.069 206.6)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.38:1 (AAA)
- #4DA0B2 color page →
primary
#4DA0B2
- RGB
- rgb(77 160 178)
- HSL
- hsl(191 40% 50%)
- OKLCH
- oklch(0.661 0.084 213.9)
WCAG contrast: on white 3.00:1 (Fail) · on black 6.98:1 (AA)
- #2B7EA5 color page →
secondary
#2B7EA5
- RGB
- rgb(43 126 165)
- HSL
- hsl(199 59% 41%)
- OKLCH
- oklch(0.561 0.098 233)
WCAG contrast: on white 4.53:1 (AA) · on black 4.63:1 (AA)
- #006574 color page →
accent
#006574
- RGB
- rgb(0 101 116)
- HSL
- hsl(188 100% 23%)
- OKLCH
- oklch(0.465 0.081 212.3)
WCAG contrast: on white 6.74:1 (AA) · on black 3.11:1 (Fail)
- #005456 color page →
highlight
#005456
- RGB
- rgb(0 84 86)
- HSL
- hsl(181 100% 17%)
- OKLCH
- oklch(0.405 0.069 197.6)
WCAG contrast: on white 8.74:1 (AAA) · on black 2.40:1 (Fail)
- #002836 color page →
border
#002836
- RGB
- rgb(0 40 54)
- HSL
- hsl(196 100% 11%)
- OKLCH
- oklch(0.258 0.05 226.8)
WCAG contrast: on white 15.47:1 (AAA) · on black 1.35:1 (Fail)
- #001421 color page →
text
#001421
- RGB
- rgb(0 20 33)
- HSL
- hsl(204 100% 6%)
- OKLCH
- oklch(0.181 0.04 237)
WCAG contrast: on white 18.71:1 (AAA) · on black 1.12:1 (Fail)
Export Neptune Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2f4f9;
--surface: #b4dce4;
--muted: #75b8c1;
--primary: #4da0b2;
--secondary: #2b7ea5;
--accent: #006574;
--highlight: #005456;
--border: #002836;
--text: #001421;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2f4f9;
--color-surface: #b4dce4;
--color-muted: #75b8c1;
--color-primary: #4da0b2;
--color-secondary: #2b7ea5;
--color-accent: #006574;
--color-highlight: #005456;
--color-border: #002836;
--color-text: #001421;
}JSON (DTCG tokens)
{
"neptune-tide-4ff": {
"bg": {
"$type": "color",
"$value": "#e2f4f9"
},
"surface": {
"$type": "color",
"$value": "#b4dce4"
},
"muted": {
"$type": "color",
"$value": "#75b8c1"
},
"primary": {
"$type": "color",
"$value": "#4da0b2"
},
"secondary": {
"$type": "color",
"$value": "#2b7ea5"
},
"accent": {
"$type": "color",
"$value": "#006574"
},
"highlight": {
"$type": "color",
"$value": "#005456"
},
"border": {
"$type": "color",
"$value": "#002836"
},
"text": {
"$type": "color",
"$value": "#001421"
}
}
}About this palette
Neptune Tide is a 9-color OKLCH-ready palette tagged trending, violet, cold, ocean, nature, 9 colors. Hex values: #E2F4F9, #B4DCE4, #75B8C1, #4DA0B2, #2B7EA5, #006574, #005456, #002836, #001421. APCA contrast score Lc 9.7. 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 Neptune Tide by OKLab color distance.