Palette · 9 colors · Lc 9
Dragon Fruit Lattice palette
Dragon Fruit Lattice: a 9-color palette (Red, Warm, Sunset, 9 Colors). HEX, RGB, HSL and OKLCH for #FFE6DF, #FFBAA7, #F88A83, #E1767F, #D35A6B, #AD416F, #823464, #472153, #131333, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE6DF
surface
#FFBAA7
muted
#F88A83
primary
#E1767F
secondary
#D35A6B
accent
#AD416F
highlight
#823464
border
#472153
text
#131333
Colors in Dragon Fruit Lattice: HEX, RGB, HSL & OKLCH
- #FFE6DF color page →
bg
#FFE6DF
- RGB
- rgb(255 230 223)
- HSL
- hsl(13 100% 94%)
- OKLCH
- oklch(0.943 0.029 36.2)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.63:1 (AAA)
- #FFBAA7 color page →
surface
#FFBAA7
- RGB
- rgb(255 186 167)
- HSL
- hsl(13 100% 83%)
- OKLCH
- oklch(0.848 0.085 36)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.83:1 (AAA)
- #F88A83 color page →
muted
#F88A83
- RGB
- rgb(248 138 131)
- HSL
- hsl(4 89% 74%)
- OKLCH
- oklch(0.751 0.135 24.6)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.95:1 (AAA)
- #E1767F color page →
primary
#E1767F
- RGB
- rgb(225 118 127)
- HSL
- hsl(355 64% 67%)
- OKLCH
- oklch(0.689 0.133 15.9)
WCAG contrast: on white 2.95:1 (Fail) · on black 7.09:1 (AAA)
- #D35A6B color page →
secondary
#D35A6B
- RGB
- rgb(211 90 107)
- HSL
- hsl(352 58% 59%)
- OKLCH
- oklch(0.625 0.153 14.1)
WCAG contrast: on white 3.85:1 (Fail) · on black 5.44:1 (AA)
- #AD416F color page →
accent
#AD416F
- RGB
- rgb(173 65 111)
- HSL
- hsl(334 45% 47%)
- OKLCH
- oklch(0.536 0.148 356.9)
WCAG contrast: on white 5.58:1 (AA) · on black 3.76:1 (Fail)
- #823464 color page →
highlight
#823464
- RGB
- rgb(130 52 100)
- HSL
- hsl(323 43% 36%)
- OKLCH
- oklch(0.449 0.122 345.2)
WCAG contrast: on white 8.00:1 (AAA) · on black 2.62:1 (Fail)
- #472153 color page →
border
#472153
- RGB
- rgb(71 33 83)
- HSL
- hsl(286 43% 23%)
- OKLCH
- oklch(0.324 0.095 317.5)
WCAG contrast: on white 13.04:1 (AAA) · on black 1.61:1 (Fail)
- #131333 color page →
text
#131333
- RGB
- rgb(19 19 51)
- HSL
- hsl(240 46% 14%)
- OKLCH
- oklch(0.208 0.062 279.6)
WCAG contrast: on white 17.96:1 (AAA) · on black 1.16:1 (Fail)
Export Dragon Fruit Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe6df;
--surface: #ffbaa7;
--muted: #f88a83;
--primary: #e1767f;
--secondary: #d35a6b;
--accent: #ad416f;
--highlight: #823464;
--border: #472153;
--text: #131333;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe6df;
--color-surface: #ffbaa7;
--color-muted: #f88a83;
--color-primary: #e1767f;
--color-secondary: #d35a6b;
--color-accent: #ad416f;
--color-highlight: #823464;
--color-border: #472153;
--color-text: #131333;
}JSON (DTCG tokens)
{
"dragon-fruit-lattice-6p4": {
"bg": {
"$type": "color",
"$value": "#ffe6df"
},
"surface": {
"$type": "color",
"$value": "#ffbaa7"
},
"muted": {
"$type": "color",
"$value": "#f88a83"
},
"primary": {
"$type": "color",
"$value": "#e1767f"
},
"secondary": {
"$type": "color",
"$value": "#d35a6b"
},
"accent": {
"$type": "color",
"$value": "#ad416f"
},
"highlight": {
"$type": "color",
"$value": "#823464"
},
"border": {
"$type": "color",
"$value": "#472153"
},
"text": {
"$type": "color",
"$value": "#131333"
}
}
}About this palette
Dragon Fruit Lattice is a 9-color OKLCH-ready palette tagged red, warm, sunset, 9 colors. Hex values: #FFE6DF, #FFBAA7, #F88A83, #E1767F, #D35A6B, #AD416F, #823464, #472153, #131333. APCA contrast score Lc 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 Dragon Fruit Lattice by OKLab color distance.