Palette · 3 colors · Lc 9.4
True Neptune Bloom palette
True Neptune Bloom: a 3-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E2F2F8, #1B81AA, #000B18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2F2F8
accent
#1B81AA
text
#000B18
Colors in True Neptune Bloom: HEX, RGB, HSL & OKLCH
- #E2F2F8 color page →
bg
#E2F2F8
- RGB
- rgb(226 242 248)
- HSL
- hsl(196 61% 93%)
- OKLCH
- oklch(0.951 0.019 222.2)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)
- #1B81AA color page →
accent
#1B81AA
- RGB
- rgb(27 129 170)
- HSL
- hsl(197 73% 39%)
- OKLCH
- oklch(0.567 0.107 231.2)
WCAG contrast: on white 4.40:1 (Fail) · on black 4.76:1 (AA)
- #000B18 color page →
text
#000B18
- RGB
- rgb(0 11 24)
- HSL
- hsl(213 100% 5%)
- OKLCH
- oklch(0.145 0.036 245)
WCAG contrast: on white 19.79:1 (AAA) · on black 1.06:1 (Fail)
Export True Neptune Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2f2f8;
--accent: #1b81aa;
--text: #000b18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2f2f8;
--color-accent: #1b81aa;
--color-text: #000b18;
}JSON (DTCG tokens)
{
"true-neptune-bloom-1lh": {
"bg": {
"$type": "color",
"$value": "#e2f2f8"
},
"accent": {
"$type": "color",
"$value": "#1b81aa"
},
"text": {
"$type": "color",
"$value": "#000b18"
}
}
}About this palette
True Neptune Bloom is a 3-color OKLCH-ready palette tagged violet, cold, ocean, nature, 3 colors. Hex values: #E2F2F8, #1B81AA, #000B18. 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 Neptune Bloom by OKLab color distance.