Palette · 10 colors · Lc 8.3
True Embarrassed Atelier palette
True Embarrassed Atelier: a 10-color palette (Red, Warm, Sunset, 10 Colors). HEX, RGB, HSL and OKLCH for #FFE2DE, #FBBABA, #FF95A1, #ED7694, #C76189, #B2548B, #90407E, #652D6D, #37225A, #08122B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE2DE
surface
#FBBABA
muted
#FF95A1
primary
#ED7694
secondary
#C76189
accent
#B2548B
highlight
#90407E
border
#652D6D
focus
#37225A
text
#08122B
Colors in True Embarrassed Atelier: HEX, RGB, HSL & OKLCH
- #FFE2DE color page →
bg
#FFE2DE
- RGB
- rgb(255 226 222)
- HSL
- hsl(7 100% 94%)
- OKLCH
- oklch(0.935 0.033 27.1)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.18:1 (AAA)
- #FBBABA color page →
surface
#FBBABA
- RGB
- rgb(251 186 186)
- HSL
- hsl(0 89% 86%)
- OKLCH
- oklch(0.848 0.076 18.8)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.83:1 (AAA)
- #FF95A1 color page →
muted
#FF95A1
- RGB
- rgb(255 149 161)
- HSL
- hsl(353 100% 79%)
- OKLCH
- oklch(0.784 0.128 13.2)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.06:1 (AAA)
- #ED7694 color page →
primary
#ED7694
- RGB
- rgb(237 118 148)
- HSL
- hsl(345 77% 70%)
- OKLCH
- oklch(0.711 0.149 5.7)
WCAG contrast: on white 2.75:1 (Fail) · on black 7.61:1 (AAA)
- #C76189 color page →
secondary
#C76189
- RGB
- rgb(199 97 137)
- HSL
- hsl(336 48% 58%)
- OKLCH
- oklch(0.626 0.137 357)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.49:1 (AA)
- #B2548B color page →
accent
#B2548B
- RGB
- rgb(178 84 139)
- HSL
- hsl(325 38% 51%)
- OKLCH
- oklch(0.579 0.138 346.1)
WCAG contrast: on white 4.63:1 (AA) · on black 4.53:1 (AA)
- #90407E color page →
highlight
#90407E
- RGB
- rgb(144 64 126)
- HSL
- hsl(314 38% 41%)
- OKLCH
- oklch(0.498 0.133 336.8)
WCAG contrast: on white 6.52:1 (AA) · on black 3.22:1 (Fail)
- #652D6D color page →
border
#652D6D
- RGB
- rgb(101 45 109)
- HSL
- hsl(293 42% 30%)
- OKLCH
- oklch(0.401 0.12 322.5)
WCAG contrast: on white 9.76:1 (AAA) · on black 2.14:1 (Fail)
- #37225A color page →
focus
#37225A
- RGB
- rgb(55 34 90)
- HSL
- hsl(263 45% 24%)
- OKLCH
- oklch(0.31 0.097 297.8)
WCAG contrast: on white 13.64:1 (AAA) · on black 1.53:1 (Fail)
- #08122B color page →
text
#08122B
- RGB
- rgb(8 18 43)
- HSL
- hsl(223 69% 10%)
- OKLCH
- oklch(0.19 0.053 265.2)
WCAG contrast: on white 18.55:1 (AAA) · on black 1.13:1 (Fail)
Export True Embarrassed Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe2de;
--surface: #fbbaba;
--muted: #ff95a1;
--primary: #ed7694;
--secondary: #c76189;
--accent: #b2548b;
--highlight: #90407e;
--border: #652d6d;
--focus: #37225a;
--text: #08122b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe2de;
--color-surface: #fbbaba;
--color-muted: #ff95a1;
--color-primary: #ed7694;
--color-secondary: #c76189;
--color-accent: #b2548b;
--color-highlight: #90407e;
--color-border: #652d6d;
--color-focus: #37225a;
--color-text: #08122b;
}JSON (DTCG tokens)
{
"true-embarrassed-atelier-4jb": {
"bg": {
"$type": "color",
"$value": "#ffe2de"
},
"surface": {
"$type": "color",
"$value": "#fbbaba"
},
"muted": {
"$type": "color",
"$value": "#ff95a1"
},
"primary": {
"$type": "color",
"$value": "#ed7694"
},
"secondary": {
"$type": "color",
"$value": "#c76189"
},
"accent": {
"$type": "color",
"$value": "#b2548b"
},
"highlight": {
"$type": "color",
"$value": "#90407e"
},
"border": {
"$type": "color",
"$value": "#652d6d"
},
"focus": {
"$type": "color",
"$value": "#37225a"
},
"text": {
"$type": "color",
"$value": "#08122b"
}
}
}About this palette
True Embarrassed Atelier is a 10-color OKLCH-ready palette tagged red, warm, sunset, 10 colors. Hex values: #FFE2DE, #FBBABA, #FF95A1, #ED7694, #C76189, #B2548B, #90407E, #652D6D, #37225A, #08122B. APCA contrast score Lc 8.3. 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 Embarrassed Atelier by OKLab color distance.