Palette · 8 colors · Lc 7.9
True Redstone System palette
True Redstone System: a 8-color palette (Orange, Warm, Sunset, 8 Colors). HEX, RGB, HSL and OKLCH for #F8DFD8, #F8ACA6, #F9878F, #DF6971, #BA4F6E, #862764, #4B2351, #13132D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8DFD8
surface
#F8ACA6
muted
#F9878F
primary
#DF6971
secondary
#BA4F6E
accent
#862764
highlight
#4B2351
text
#13132D
Colors in True Redstone System: HEX, RGB, HSL & OKLCH
- #F8DFD8 color page →
bg
#F8DFD8
- RGB
- rgb(248 223 216)
- HSL
- hsl(13 70% 91%)
- OKLCH
- oklch(0.922 0.029 36.2)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.53:1 (AAA)
- #F8ACA6 color page →
surface
#F8ACA6
- RGB
- rgb(248 172 166)
- HSL
- hsl(4 85% 81%)
- OKLCH
- oklch(0.816 0.09 24.3)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.44:1 (AAA)
- #F9878F color page →
muted
#F9878F
- RGB
- rgb(249 135 143)
- HSL
- hsl(356 90% 75%)
- OKLCH
- oklch(0.75 0.139 16.5)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.89:1 (AAA)
- #DF6971 color page →
primary
#DF6971
- RGB
- rgb(223 105 113)
- HSL
- hsl(356 65% 64%)
- OKLCH
- oklch(0.664 0.148 17.8)
WCAG contrast: on white 3.28:1 (Fail) · on black 6.39:1 (AA)
- #BA4F6E color page →
secondary
#BA4F6E
- RGB
- rgb(186 79 110)
- HSL
- hsl(343 44% 52%)
- OKLCH
- oklch(0.574 0.141 4.5)
WCAG contrast: on white 4.73:1 (AA) · on black 4.43:1 (Fail)
- #862764 color page →
accent
#862764
- RGB
- rgb(134 39 100)
- HSL
- hsl(321 55% 34%)
- OKLCH
- oklch(0.44 0.145 345.3)
WCAG contrast: on white 8.44:1 (AAA) · on black 2.48:1 (Fail)
- #4B2351 color page →
highlight
#4B2351
- RGB
- rgb(75 35 81)
- HSL
- hsl(292 40% 23%)
- OKLCH
- oklch(0.332 0.091 322.3)
WCAG contrast: on white 12.66:1 (AAA) · on black 1.65:1 (Fail)
- #13132D color page →
text
#13132D
- RGB
- rgb(19 19 45)
- HSL
- hsl(240 41% 13%)
- OKLCH
- oklch(0.203 0.051 280.9)
WCAG contrast: on white 18.12:1 (AAA) · on black 1.15:1 (Fail)
Export True Redstone System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8dfd8;
--surface: #f8aca6;
--muted: #f9878f;
--primary: #df6971;
--secondary: #ba4f6e;
--accent: #862764;
--highlight: #4b2351;
--text: #13132d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8dfd8;
--color-surface: #f8aca6;
--color-muted: #f9878f;
--color-primary: #df6971;
--color-secondary: #ba4f6e;
--color-accent: #862764;
--color-highlight: #4b2351;
--color-text: #13132d;
}JSON (DTCG tokens)
{
"true-redstone-system-6wx": {
"bg": {
"$type": "color",
"$value": "#f8dfd8"
},
"surface": {
"$type": "color",
"$value": "#f8aca6"
},
"muted": {
"$type": "color",
"$value": "#f9878f"
},
"primary": {
"$type": "color",
"$value": "#df6971"
},
"secondary": {
"$type": "color",
"$value": "#ba4f6e"
},
"accent": {
"$type": "color",
"$value": "#862764"
},
"highlight": {
"$type": "color",
"$value": "#4b2351"
},
"text": {
"$type": "color",
"$value": "#13132d"
}
}
}About this palette
True Redstone System is a 8-color OKLCH-ready palette tagged orange, warm, sunset, 8 colors. Hex values: #F8DFD8, #F8ACA6, #F9878F, #DF6971, #BA4F6E, #862764, #4B2351, #13132D. APCA contrast score Lc 7.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 True Redstone System by OKLab color distance.