Palette · 10 colors · Lc 8.6
Steady Paper Hearts Circuit palette
Steady Paper Hearts Circuit: a 10-color palette (Red, Warm, Sunset, 10 Colors). HEX, RGB, HSL and OKLCH for #FFDDD0, #FFBCA3, #F29B86, #F2827B, #D65C61, #C24863, #942F5E, #732058, #44204D, #161435, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDDD0
surface
#FFBCA3
muted
#F29B86
primary
#F2827B
secondary
#D65C61
accent
#C24863
highlight
#942F5E
border
#732058
focus
#44204D
text
#161435
Colors in Steady Paper Hearts Circuit: HEX, RGB, HSL & OKLCH
- #FFDDD0 color page →
bg
#FFDDD0
- RGB
- rgb(255 221 208)
- HSL
- hsl(17 100% 91%)
- OKLCH
- oklch(0.922 0.042 42.1)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.50:1 (AAA)
- #FFBCA3 color page →
surface
#FFBCA3
- RGB
- rgb(255 188 163)
- HSL
- hsl(16 100% 82%)
- OKLCH
- oklch(0.851 0.085 41.4)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.97:1 (AAA)
- #F29B86 color page →
muted
#F29B86
- RGB
- rgb(242 155 134)
- HSL
- hsl(12 81% 74%)
- OKLCH
- oklch(0.772 0.109 34.3)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.80:1 (AAA)
- #F2827B color page →
primary
#F2827B
- RGB
- rgb(242 130 123)
- HSL
- hsl(4 82% 72%)
- OKLCH
- oklch(0.729 0.138 24.8)
WCAG contrast: on white 2.54:1 (Fail) · on black 8.25:1 (AAA)
- #D65C61 color page →
secondary
#D65C61
- RGB
- rgb(214 92 97)
- HSL
- hsl(358 60% 60%)
- OKLCH
- oklch(0.63 0.154 20.1)
WCAG contrast: on white 3.77:1 (Fail) · on black 5.56:1 (AA)
- #C24863 color page →
accent
#C24863
- RGB
- rgb(194 72 99)
- HSL
- hsl(347 50% 52%)
- OKLCH
- oklch(0.574 0.157 10.1)
WCAG contrast: on white 4.77:1 (AA) · on black 4.40:1 (Fail)
- #942F5E color page →
highlight
#942F5E
- RGB
- rgb(148 47 94)
- HSL
- hsl(332 52% 38%)
- OKLCH
- oklch(0.469 0.143 355.4)
WCAG contrast: on white 7.42:1 (AAA) · on black 2.82:1 (Fail)
- #732058 color page →
border
#732058
- RGB
- rgb(115 32 88)
- HSL
- hsl(320 56% 29%)
- OKLCH
- oklch(0.395 0.132 343.5)
WCAG contrast: on white 10.11:1 (AAA) · on black 2.07:1 (Fail)
- #44204D color page →
focus
#44204D
- RGB
- rgb(68 32 77)
- HSL
- hsl(288 41% 21%)
- OKLCH
- oklch(0.314 0.088 319.3)
WCAG contrast: on white 13.46:1 (AAA) · on black 1.55:1 (Fail)
- #161435 color page →
text
#161435
- RGB
- rgb(22 20 53)
- HSL
- hsl(244 45% 14%)
- OKLCH
- oklch(0.215 0.063 282.5)
WCAG contrast: on white 17.71:1 (AAA) · on black 1.18:1 (Fail)
Export Steady Paper Hearts Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffddd0;
--surface: #ffbca3;
--muted: #f29b86;
--primary: #f2827b;
--secondary: #d65c61;
--accent: #c24863;
--highlight: #942f5e;
--border: #732058;
--focus: #44204d;
--text: #161435;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffddd0;
--color-surface: #ffbca3;
--color-muted: #f29b86;
--color-primary: #f2827b;
--color-secondary: #d65c61;
--color-accent: #c24863;
--color-highlight: #942f5e;
--color-border: #732058;
--color-focus: #44204d;
--color-text: #161435;
}JSON (DTCG tokens)
{
"steady-paper-hearts-circuit-6vn": {
"bg": {
"$type": "color",
"$value": "#ffddd0"
},
"surface": {
"$type": "color",
"$value": "#ffbca3"
},
"muted": {
"$type": "color",
"$value": "#f29b86"
},
"primary": {
"$type": "color",
"$value": "#f2827b"
},
"secondary": {
"$type": "color",
"$value": "#d65c61"
},
"accent": {
"$type": "color",
"$value": "#c24863"
},
"highlight": {
"$type": "color",
"$value": "#942f5e"
},
"border": {
"$type": "color",
"$value": "#732058"
},
"focus": {
"$type": "color",
"$value": "#44204d"
},
"text": {
"$type": "color",
"$value": "#161435"
}
}
}About this palette
Steady Paper Hearts Circuit is a 10-color OKLCH-ready palette tagged red, warm, sunset, 10 colors. Hex values: #FFDDD0, #FFBCA3, #F29B86, #F2827B, #D65C61, #C24863, #942F5E, #732058, #44204D, #161435. APCA contrast score Lc 8.6. 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 Steady Paper Hearts Circuit by OKLab color distance.