Palette · 5 colors · Lc 9.9
Neptune Beacon palette
Neptune Beacon: a 5-color palette (Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #DFF6FF, #84BADD, #237DA9, #00375A, #070D12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF6FF
surface
#84BADD
primary
#237DA9
accent
#00375A
text
#070D12
Colors in Neptune Beacon: HEX, RGB, HSL & OKLCH
- #DFF6FF color page →
bg
#DFF6FF
- RGB
- rgb(223 246 255)
- HSL
- hsl(197 100% 94%)
- OKLCH
- oklch(0.959 0.027 223.2)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.76:1 (AAA)
- #84BADD color page →
surface
#84BADD
- RGB
- rgb(132 186 221)
- HSL
- hsl(204 57% 69%)
- OKLCH
- oklch(0.764 0.076 237.5)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.04:1 (AAA)
- #237DA9 color page →
primary
#237DA9
- RGB
- rgb(35 125 169)
- HSL
- hsl(200 66% 40%)
- OKLCH
- oklch(0.559 0.106 235.1)
WCAG contrast: on white 4.58:1 (AA) · on black 4.57:1 (AA)
- #00375A color page →
accent
#00375A
- RGB
- rgb(0 55 90)
- HSL
- hsl(203 100% 18%)
- OKLCH
- oklch(0.325 0.081 244.4)
WCAG contrast: on white 12.39:1 (AAA) · on black 1.69:1 (Fail)
- #070D12 color page →
text
#070D12
- RGB
- rgb(7 13 18)
- HSL
- hsl(207 44% 5%)
- OKLCH
- oklch(0.155 0.015 242.7)
WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)
Export Neptune Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff6ff;
--surface: #84badd;
--primary: #237da9;
--accent: #00375a;
--text: #070d12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff6ff;
--color-surface: #84badd;
--color-primary: #237da9;
--color-accent: #00375a;
--color-text: #070d12;
}JSON (DTCG tokens)
{
"neptune-beacon-ru": {
"bg": {
"$type": "color",
"$value": "#dff6ff"
},
"surface": {
"$type": "color",
"$value": "#84badd"
},
"primary": {
"$type": "color",
"$value": "#237da9"
},
"accent": {
"$type": "color",
"$value": "#00375a"
},
"text": {
"$type": "color",
"$value": "#070d12"
}
}
}About this palette
Neptune Beacon is a 5-color OKLCH-ready palette tagged violet, cold, 5 colors. Hex values: #DFF6FF, #84BADD, #237DA9, #00375A, #070D12. APCA contrast score Lc 9.9. 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 Beacon by OKLab color distance.