Palette · 3 colors · Lc 9.7
True Rustling Leaves Tide palette
True Rustling Leaves Tide: a 3-color palette (Orange, Gray, Warm, Nature). HEX, RGB, HSL and OKLCH for #FDF0EA, #A36463, #281315, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDF0EA
accent
#A36463
text
#281315
Colors in True Rustling Leaves Tide: HEX, RGB, HSL & OKLCH
- #FDF0EA color page →
bg
#FDF0EA
- RGB
- rgb(253 240 234)
- HSL
- hsl(19 83% 95%)
- OKLCH
- oklch(0.964 0.016 46.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.82:1 (AAA)
- #A36463 color page →
accent
#A36463
- RGB
- rgb(163 100 99)
- HSL
- hsl(1 26% 51%)
- OKLCH
- oklch(0.572 0.082 20.9)
WCAG contrast: on white 4.60:1 (AA) · on black 4.56:1 (AA)
- #281315 color page →
text
#281315
- RGB
- rgb(40 19 21)
- HSL
- hsl(354 36% 12%)
- OKLCH
- oklch(0.218 0.035 14.3)
WCAG contrast: on white 17.58:1 (AAA) · on black 1.19:1 (Fail)
Export True Rustling Leaves Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdf0ea;
--accent: #a36463;
--text: #281315;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdf0ea;
--color-accent: #a36463;
--color-text: #281315;
}JSON (DTCG tokens)
{
"true-rustling-leaves-tide-4k5": {
"bg": {
"$type": "color",
"$value": "#fdf0ea"
},
"accent": {
"$type": "color",
"$value": "#a36463"
},
"text": {
"$type": "color",
"$value": "#281315"
}
}
}About this palette
True Rustling Leaves Tide is a 3-color OKLCH-ready palette tagged orange, gray, warm, nature, brown, 3 colors. Hex values: #FDF0EA, #A36463, #281315. 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 True Rustling Leaves Tide by OKLab color distance.