Palette · 10 colors · Lc 9.1
Steady Embarrassed Quartz palette
Steady Embarrassed Quartz: a 10-color palette (Red, Warm, Sunset, 10 Colors). HEX, RGB, HSL and OKLCH for #FFE3DC, #F5B6B4, #F2909D, #EC7698, #D1627F, #B54F7B, #91376D, #6D356E, #351F59, #0D172F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE3DC
surface
#F5B6B4
muted
#F2909D
primary
#EC7698
secondary
#D1627F
accent
#B54F7B
highlight
#91376D
border
#6D356E
focus
#351F59
text
#0D172F
Colors in Steady Embarrassed Quartz: HEX, RGB, HSL & OKLCH
- #FFE3DC color page →
bg
#FFE3DC
- RGB
- rgb(255 227 220)
- HSL
- hsl(12 100% 93%)
- OKLCH
- oklch(0.937 0.032 34.3)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.27:1 (AAA)
- #F5B6B4 color page →
surface
#F5B6B4
- RGB
- rgb(245 182 180)
- HSL
- hsl(2 76% 83%)
- OKLCH
- oklch(0.834 0.074 20.8)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.23:1 (AAA)
- #F2909D color page →
muted
#F2909D
- RGB
- rgb(242 144 157)
- HSL
- hsl(352 79% 76%)
- OKLCH
- oklch(0.759 0.119 11.8)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.25:1 (AAA)
- #EC7698 color page →
primary
#EC7698
- RGB
- rgb(236 118 152)
- HSL
- hsl(343 76% 69%)
- OKLCH
- oklch(0.711 0.149 3.4)
WCAG contrast: on white 2.75:1 (Fail) · on black 7.61:1 (AAA)
- #D1627F color page →
secondary
#D1627F
- RGB
- rgb(209 98 127)
- HSL
- hsl(344 55% 60%)
- OKLCH
- oklch(0.638 0.143 5.6)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)
- #B54F7B color page →
accent
#B54F7B
- RGB
- rgb(181 79 123)
- HSL
- hsl(334 41% 51%)
- OKLCH
- oklch(0.571 0.14 355.5)
WCAG contrast: on white 4.80:1 (AA) · on black 4.36:1 (Fail)
- #91376D color page →
highlight
#91376D
- RGB
- rgb(145 55 109)
- HSL
- hsl(324 45% 39%)
- OKLCH
- oklch(0.48 0.136 346.4)
WCAG contrast: on white 7.06:1 (AAA) · on black 2.97:1 (Fail)
- #6D356E color page →
border
#6D356E
- RGB
- rgb(109 53 110)
- HSL
- hsl(299 35% 32%)
- OKLCH
- oklch(0.425 0.112 326.7)
WCAG contrast: on white 8.80:1 (AAA) · on black 2.38:1 (Fail)
- #351F59 color page →
focus
#351F59
- RGB
- rgb(53 31 89)
- HSL
- hsl(263 48% 24%)
- OKLCH
- oklch(0.301 0.1 297.5)
WCAG contrast: on white 14.07:1 (AAA) · on black 1.49:1 (Fail)
- #0D172F color page →
text
#0D172F
- RGB
- rgb(13 23 47)
- HSL
- hsl(222 57% 12%)
- OKLCH
- oklch(0.21 0.05 265.3)
WCAG contrast: on white 17.78:1 (AAA) · on black 1.18:1 (Fail)
Export Steady Embarrassed Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe3dc;
--surface: #f5b6b4;
--muted: #f2909d;
--primary: #ec7698;
--secondary: #d1627f;
--accent: #b54f7b;
--highlight: #91376d;
--border: #6d356e;
--focus: #351f59;
--text: #0d172f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe3dc;
--color-surface: #f5b6b4;
--color-muted: #f2909d;
--color-primary: #ec7698;
--color-secondary: #d1627f;
--color-accent: #b54f7b;
--color-highlight: #91376d;
--color-border: #6d356e;
--color-focus: #351f59;
--color-text: #0d172f;
}JSON (DTCG tokens)
{
"steady-embarrassed-quartz-7pq": {
"bg": {
"$type": "color",
"$value": "#ffe3dc"
},
"surface": {
"$type": "color",
"$value": "#f5b6b4"
},
"muted": {
"$type": "color",
"$value": "#f2909d"
},
"primary": {
"$type": "color",
"$value": "#ec7698"
},
"secondary": {
"$type": "color",
"$value": "#d1627f"
},
"accent": {
"$type": "color",
"$value": "#b54f7b"
},
"highlight": {
"$type": "color",
"$value": "#91376d"
},
"border": {
"$type": "color",
"$value": "#6d356e"
},
"focus": {
"$type": "color",
"$value": "#351f59"
},
"text": {
"$type": "color",
"$value": "#0d172f"
}
}
}About this palette
Steady Embarrassed Quartz is a 10-color OKLCH-ready palette tagged red, warm, sunset, 10 colors. Hex values: #FFE3DC, #F5B6B4, #F2909D, #EC7698, #D1627F, #B54F7B, #91376D, #6D356E, #351F59, #0D172F. APCA contrast score Lc 9.1. 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 Embarrassed Quartz by OKLab color distance.