Palette · 9 colors · Lc 9.7
Pure June Ivy Pulse palette
Pure June Ivy Pulse: a 9-color palette (Turquoise, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #040907, #16251F, #273E37, #406457, #557C73, #7E988F, #9EB7B0, #CED5D3, #E1F3ED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Gray
- Cold
- Monochromatic
- 9 Colors
bg
#040907
surface
#16251F
muted
#273E37
primary
#406457
secondary
#557C73
accent
#7E988F
highlight
#9EB7B0
border
#CED5D3
text
#E1F3ED
Colors in Pure June Ivy Pulse: HEX, RGB, HSL & OKLCH
- #040907 color page →
bg
#040907
- RGB
- rgb(4 9 7)
- HSL
- hsl(156 38% 3%)
- OKLCH
- oklch(0.132 0.012 170.8)
WCAG contrast: on white 20.05:1 (AAA) · on black 1.04:1 (Fail)
- #16251F color page →
surface
#16251F
- RGB
- rgb(22 37 31)
- HSL
- hsl(156 25% 12%)
- OKLCH
- oklch(0.249 0.024 167.5)
WCAG contrast: on white 15.92:1 (AAA) · on black 1.31:1 (Fail)
- #273E37 color page →
muted
#273E37
- RGB
- rgb(39 62 55)
- HSL
- hsl(162 23% 20%)
- OKLCH
- oklch(0.342 0.031 173.3)
WCAG contrast: on white 11.47:1 (AAA) · on black 1.83:1 (Fail)
- #406457 color page →
primary
#406457
- RGB
- rgb(64 100 87)
- HSL
- hsl(158 22% 32%)
- OKLCH
- oklch(0.472 0.047 169.6)
WCAG contrast: on white 6.60:1 (AA) · on black 3.17:1 (Fail)
- #557C73 color page →
secondary
#557C73
- RGB
- rgb(85 124 115)
- HSL
- hsl(166 19% 41%)
- OKLCH
- oklch(0.554 0.046 178.5)
WCAG contrast: on white 4.64:1 (AA) · on black 4.51:1 (AA)
- #7E988F color page →
accent
#7E988F
- RGB
- rgb(126 152 143)
- HSL
- hsl(159 11% 55%)
- OKLCH
- oklch(0.657 0.032 172.3)
WCAG contrast: on white 3.09:1 (Fail) · on black 6.77:1 (AA)
- #9EB7B0 color page →
highlight
#9EB7B0
- RGB
- rgb(158 183 176)
- HSL
- hsl(163 15% 67%)
- OKLCH
- oklch(0.758 0.029 176.8)
WCAG contrast: on white 2.13:1 (Fail) · on black 9.85:1 (AAA)
- #CED5D3 color page →
border
#CED5D3
- RGB
- rgb(206 213 211)
- HSL
- hsl(163 8% 82%)
- OKLCH
- oklch(0.867 0.008 177.3)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.08:1 (AAA)
- #E1F3ED color page →
text
#E1F3ED
- RGB
- rgb(225 243 237)
- HSL
- hsl(160 43% 92%)
- OKLCH
- oklch(0.949 0.021 173.9)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.24:1 (AAA)
Export Pure June Ivy Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #040907;
--surface: #16251f;
--muted: #273e37;
--primary: #406457;
--secondary: #557c73;
--accent: #7e988f;
--highlight: #9eb7b0;
--border: #ced5d3;
--text: #e1f3ed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #040907;
--color-surface: #16251f;
--color-muted: #273e37;
--color-primary: #406457;
--color-secondary: #557c73;
--color-accent: #7e988f;
--color-highlight: #9eb7b0;
--color-border: #ced5d3;
--color-text: #e1f3ed;
}JSON (DTCG tokens)
{
"pure-june-ivy-pulse-1wh": {
"bg": {
"$type": "color",
"$value": "#040907"
},
"surface": {
"$type": "color",
"$value": "#16251f"
},
"muted": {
"$type": "color",
"$value": "#273e37"
},
"primary": {
"$type": "color",
"$value": "#406457"
},
"secondary": {
"$type": "color",
"$value": "#557c73"
},
"accent": {
"$type": "color",
"$value": "#7e988f"
},
"highlight": {
"$type": "color",
"$value": "#9eb7b0"
},
"border": {
"$type": "color",
"$value": "#ced5d3"
},
"text": {
"$type": "color",
"$value": "#e1f3ed"
}
}
}About this palette
Pure June Ivy Pulse is a 9-color OKLCH-ready palette tagged turquoise, gray, cold, monochromatic, 9 colors. Hex values: #040907, #16251F, #273E37, #406457, #557C73, #7E988F, #9EB7B0, #CED5D3, #E1F3ED. 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 Pure June Ivy Pulse by OKLab color distance.