Palette · 10 colors · Lc 9.8
Strawberry Moon Circuit palette
Strawberry Moon Circuit: a 10-color palette (Trending, Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #FFEDF4, #FFC3CB, #F89CAE, #E37D8E, #C85777, #AB415F, #811033, #601E2A, #350A11, #140205, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEDF4
surface
#FFC3CB
muted
#F89CAE
primary
#E37D8E
secondary
#C85777
accent
#AB415F
highlight
#811033
border
#601E2A
focus
#350A11
text
#140205
Colors in Strawberry Moon Circuit: HEX, RGB, HSL & OKLCH
- #FFEDF4 color page →
bg
#FFEDF4
- RGB
- rgb(255 237 244)
- HSL
- hsl(337 100% 96%)
- OKLCH
- oklch(0.962 0.021 351.9)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.67:1 (AAA)
- #FFC3CB color page →
surface
#FFC3CB
- RGB
- rgb(255 195 203)
- HSL
- hsl(352 100% 88%)
- OKLCH
- oklch(0.873 0.069 9.7)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.92:1 (AAA)
- #F89CAE color page →
muted
#F89CAE
- RGB
- rgb(248 156 174)
- HSL
- hsl(348 87% 79%)
- OKLCH
- oklch(0.79 0.112 7.2)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.35:1 (AAA)
- #E37D8E color page →
primary
#E37D8E
- RGB
- rgb(227 125 142)
- HSL
- hsl(350 65% 69%)
- OKLCH
- oklch(0.707 0.127 10.2)
WCAG contrast: on white 2.76:1 (Fail) · on black 7.59:1 (AAA)
- #C85777 color page →
secondary
#C85777
- RGB
- rgb(200 87 119)
- HSL
- hsl(343 51% 56%)
- OKLCH
- oklch(0.608 0.147 4.8)
WCAG contrast: on white 4.12:1 (Fail) · on black 5.08:1 (AA)
- #AB415F color page →
accent
#AB415F
- RGB
- rgb(171 65 95)
- HSL
- hsl(343 45% 46%)
- OKLCH
- oklch(0.528 0.141 5.8)
WCAG contrast: on white 5.74:1 (AA) · on black 3.65:1 (Fail)
- #811033 color page →
highlight
#811033
- RGB
- rgb(129 16 51)
- HSL
- hsl(341 78% 28%)
- OKLCH
- oklch(0.394 0.145 10.5)
WCAG contrast: on white 10.21:1 (AAA) · on black 2.05:1 (Fail)
- #601E2A color page →
border
#601E2A
- RGB
- rgb(96 30 42)
- HSL
- hsl(349 52% 25%)
- OKLCH
- oklch(0.342 0.096 12.9)
WCAG contrast: on white 12.23:1 (AAA) · on black 1.71:1 (Fail)
- #350A11 color page →
focus
#350A11
- RGB
- rgb(53 10 17)
- HSL
- hsl(350 68% 12%)
- OKLCH
- oklch(0.225 0.068 15.2)
WCAG contrast: on white 17.45:1 (AAA) · on black 1.20:1 (Fail)
- #140205 color page →
text
#140205
- RGB
- rgb(20 2 5)
- HSL
- hsl(350 82% 4%)
- OKLCH
- oklch(0.132 0.04 8.8)
WCAG contrast: on white 20.18:1 (AAA) · on black 1.04:1 (Fail)
Export Strawberry Moon Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffedf4;
--surface: #ffc3cb;
--muted: #f89cae;
--primary: #e37d8e;
--secondary: #c85777;
--accent: #ab415f;
--highlight: #811033;
--border: #601e2a;
--focus: #350a11;
--text: #140205;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffedf4;
--color-surface: #ffc3cb;
--color-muted: #f89cae;
--color-primary: #e37d8e;
--color-secondary: #c85777;
--color-accent: #ab415f;
--color-highlight: #811033;
--color-border: #601e2a;
--color-focus: #350a11;
--color-text: #140205;
}JSON (DTCG tokens)
{
"strawberry-moon-circuit-7n0": {
"bg": {
"$type": "color",
"$value": "#ffedf4"
},
"surface": {
"$type": "color",
"$value": "#ffc3cb"
},
"muted": {
"$type": "color",
"$value": "#f89cae"
},
"primary": {
"$type": "color",
"$value": "#e37d8e"
},
"secondary": {
"$type": "color",
"$value": "#c85777"
},
"accent": {
"$type": "color",
"$value": "#ab415f"
},
"highlight": {
"$type": "color",
"$value": "#811033"
},
"border": {
"$type": "color",
"$value": "#601e2a"
},
"focus": {
"$type": "color",
"$value": "#350a11"
},
"text": {
"$type": "color",
"$value": "#140205"
}
}
}About this palette
Strawberry Moon Circuit is a 10-color OKLCH-ready palette tagged trending, red, warm, 10 colors. Hex values: #FFEDF4, #FFC3CB, #F89CAE, #E37D8E, #C85777, #AB415F, #811033, #601E2A, #350A11, #140205. APCA contrast score Lc 9.8. 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 Strawberry Moon Circuit by OKLab color distance.