Palette · 5 colors · Lc 9.5
Neptune Quartz palette
Neptune Quartz: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DEF0F8, #86C3D4, #0083AE, #004E58, #000A18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEF0F8
surface
#86C3D4
primary
#0083AE
accent
#004E58
text
#000A18
Colors in Neptune Quartz: HEX, RGB, HSL & OKLCH
- #DEF0F8 color page →
bg
#DEF0F8
- RGB
- rgb(222 240 248)
- HSL
- hsl(198 65% 92%)
- OKLCH
- oklch(0.944 0.022 226.1)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.92:1 (AAA)
- #86C3D4 color page →
surface
#86C3D4
- RGB
- rgb(134 195 212)
- HSL
- hsl(193 48% 68%)
- OKLCH
- oklch(0.782 0.067 217.1)
WCAG contrast: on white 1.94:1 (Fail) · on black 10.77:1 (AAA)
- #0083AE color page →
primary
#0083AE
- RGB
- rgb(0 131 174)
- HSL
- hsl(195 100% 34%)
- OKLCH
- oklch(0.571 0.114 230.3)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)
- #004E58 color page →
accent
#004E58
- RGB
- rgb(0 78 88)
- HSL
- hsl(187 100% 17%)
- OKLCH
- oklch(0.388 0.067 209.5)
WCAG contrast: on white 9.41:1 (AAA) · on black 2.23:1 (Fail)
- #000A18 color page →
text
#000A18
- RGB
- rgb(0 10 24)
- HSL
- hsl(215 100% 5%)
- OKLCH
- oklch(0.141 0.038 247.7)
WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)
Export Neptune Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #def0f8;
--surface: #86c3d4;
--primary: #0083ae;
--accent: #004e58;
--text: #000a18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #def0f8;
--color-surface: #86c3d4;
--color-primary: #0083ae;
--color-accent: #004e58;
--color-text: #000a18;
}JSON (DTCG tokens)
{
"neptune-quartz-7g7": {
"bg": {
"$type": "color",
"$value": "#def0f8"
},
"surface": {
"$type": "color",
"$value": "#86c3d4"
},
"primary": {
"$type": "color",
"$value": "#0083ae"
},
"accent": {
"$type": "color",
"$value": "#004e58"
},
"text": {
"$type": "color",
"$value": "#000a18"
}
}
}About this palette
Neptune Quartz is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #DEF0F8, #86C3D4, #0083AE, #004E58, #000A18. APCA contrast score Lc 9.5. 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 Quartz by OKLab color distance.