Palette · 9 colors · Lc 7.7
Pure Lucky Tide palette
Pure Lucky Tide: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #E3E6D8, #D6CF99, #C9AF35, #A99E00, #768800, #5D6700, #255100, #253C00, #131300, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#E3E6D8
surface
#D6CF99
muted
#C9AF35
primary
#A99E00
secondary
#768800
accent
#5D6700
highlight
#255100
border
#253C00
text
#131300
Colors in Pure Lucky Tide: HEX, RGB, HSL & OKLCH
- #E3E6D8 color page →
bg
#E3E6D8
- RGB
- rgb(227 230 216)
- HSL
- hsl(73 22% 87%)
- OKLCH
- oklch(0.919 0.019 116.6)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.57:1 (AAA)
- #D6CF99 color page →
surface
#D6CF99
- RGB
- rgb(214 207 153)
- HSL
- hsl(53 43% 72%)
- OKLCH
- oklch(0.847 0.071 101.6)
WCAG contrast: on white 1.58:1 (Fail) · on black 13.24:1 (AAA)
- #C9AF35 color page →
muted
#C9AF35
- RGB
- rgb(201 175 53)
- HSL
- hsl(49 58% 50%)
- OKLCH
- oklch(0.756 0.138 96.7)
WCAG contrast: on white 2.17:1 (Fail) · on black 9.66:1 (AAA)
- #A99E00 color page →
primary
#A99E00
- RGB
- rgb(169 158 0)
- HSL
- hsl(56 100% 33%)
- OKLCH
- oklch(0.687 0.145 104.6)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.57:1 (AAA)
- #768800 color page →
secondary
#768800
- RGB
- rgb(118 136 0)
- HSL
- hsl(68 100% 27%)
- OKLCH
- oklch(0.591 0.138 118.6)
WCAG contrast: on white 3.96:1 (Fail) · on black 5.29:1 (AA)
- #5D6700 color page →
accent
#5D6700
- RGB
- rgb(93 103 0)
- HSL
- hsl(66 100% 20%)
- OKLCH
- oklch(0.488 0.112 116.2)
WCAG contrast: on white 6.16:1 (AA) · on black 3.40:1 (Fail)
- #255100 color page →
highlight
#255100
- RGB
- rgb(37 81 0)
- HSL
- hsl(93 100% 16%)
- OKLCH
- oklch(0.388 0.115 135.6)
WCAG contrast: on white 9.31:1 (AAA) · on black 2.25:1 (Fail)
- #253C00 color page →
border
#253C00
- RGB
- rgb(37 60 0)
- HSL
- hsl(83 100% 12%)
- OKLCH
- oklch(0.325 0.087 129.6)
WCAG contrast: on white 12.17:1 (AAA) · on black 1.72:1 (Fail)
- #131300 color page →
text
#131300
- RGB
- rgb(19 19 0)
- HSL
- hsl(60 100% 4%)
- OKLCH
- oklch(0.181 0.039 109.8)
WCAG contrast: on white 18.73:1 (AAA) · on black 1.12:1 (Fail)
Export Pure Lucky Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3e6d8;
--surface: #d6cf99;
--muted: #c9af35;
--primary: #a99e00;
--secondary: #768800;
--accent: #5d6700;
--highlight: #255100;
--border: #253c00;
--text: #131300;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3e6d8;
--color-surface: #d6cf99;
--color-muted: #c9af35;
--color-primary: #a99e00;
--color-secondary: #768800;
--color-accent: #5d6700;
--color-highlight: #255100;
--color-border: #253c00;
--color-text: #131300;
}JSON (DTCG tokens)
{
"pure-lucky-tide-2si": {
"bg": {
"$type": "color",
"$value": "#e3e6d8"
},
"surface": {
"$type": "color",
"$value": "#d6cf99"
},
"muted": {
"$type": "color",
"$value": "#c9af35"
},
"primary": {
"$type": "color",
"$value": "#a99e00"
},
"secondary": {
"$type": "color",
"$value": "#768800"
},
"accent": {
"$type": "color",
"$value": "#5d6700"
},
"highlight": {
"$type": "color",
"$value": "#255100"
},
"border": {
"$type": "color",
"$value": "#253c00"
},
"text": {
"$type": "color",
"$value": "#131300"
}
}
}About this palette
Pure Lucky Tide is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #E3E6D8, #D6CF99, #C9AF35, #A99E00, #768800, #5D6700, #255100, #253C00, #131300. APCA contrast score Lc 7.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 Lucky Tide by OKLab color distance.