Palette · 7 colors · Lc 8.6
Warm Blue Signal palette
Warm Blue Signal: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #F7E8F1, #C877AE, #5A53CA, #007737, #612B1F, #301C2B, #0A0408, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#F7E8F1
surface
#C877AE
muted
#5A53CA
primary
#007737
secondary
#612B1F
accent
#301C2B
text
#0A0408
Colors in Warm Blue Signal: HEX, RGB, HSL & OKLCH
- #F7E8F1 color page →
bg
#F7E8F1
- RGB
- rgb(247 232 241)
- HSL
- hsl(324 48% 94%)
- OKLCH
- oklch(0.945 0.02 340.7)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.76:1 (AAA)
- #C877AE color page →
surface
#C877AE
- RGB
- rgb(200 119 174)
- HSL
- hsl(319 42% 63%)
- OKLCH
- oklch(0.674 0.122 340)
WCAG contrast: on white 3.13:1 (Fail) · on black 6.70:1 (AA)
- #5A53CA color page →
muted
#5A53CA
- RGB
- rgb(90 83 202)
- HSL
- hsl(244 53% 56%)
- OKLCH
- oklch(0.516 0.179 280.8)
WCAG contrast: on white 5.95:1 (AA) · on black 3.52:1 (Fail)
- #007737 color page →
primary
#007737
- RGB
- rgb(0 119 55)
- HSL
- hsl(148 100% 23%)
- OKLCH
- oklch(0.498 0.135 150.8)
WCAG contrast: on white 5.68:1 (AA) · on black 3.69:1 (Fail)
- #612B1F color page →
secondary
#612B1F
- RGB
- rgb(97 43 31)
- HSL
- hsl(11 52% 25%)
- OKLCH
- oklch(0.361 0.082 33.9)
WCAG contrast: on white 11.20:1 (AAA) · on black 1.87:1 (Fail)
- #301C2B color page →
accent
#301C2B
- RGB
- rgb(48 28 43)
- HSL
- hsl(315 26% 15%)
- OKLCH
- oklch(0.259 0.04 336.3)
WCAG contrast: on white 15.82:1 (AAA) · on black 1.32:1 (Fail)
- #0A0408 color page →
text
#0A0408
- RGB
- rgb(10 4 8)
- HSL
- hsl(320 43% 3%)
- OKLCH
- oklch(0.121 0.018 337.6)
WCAG contrast: on white 20.31:1 (AAA) · on black 1.03:1 (Fail)
Export Warm Blue Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e8f1;
--surface: #c877ae;
--muted: #5a53ca;
--primary: #007737;
--secondary: #612b1f;
--accent: #301c2b;
--text: #0a0408;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e8f1;
--color-surface: #c877ae;
--color-muted: #5a53ca;
--color-primary: #007737;
--color-secondary: #612b1f;
--color-accent: #301c2b;
--color-text: #0a0408;
}JSON (DTCG tokens)
{
"warm-blue-signal-28a": {
"bg": {
"$type": "color",
"$value": "#f7e8f1"
},
"surface": {
"$type": "color",
"$value": "#c877ae"
},
"muted": {
"$type": "color",
"$value": "#5a53ca"
},
"primary": {
"$type": "color",
"$value": "#007737"
},
"secondary": {
"$type": "color",
"$value": "#612b1f"
},
"accent": {
"$type": "color",
"$value": "#301c2b"
},
"text": {
"$type": "color",
"$value": "#0a0408"
}
}
}About this palette
Warm Blue Signal is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #F7E8F1, #C877AE, #5A53CA, #007737, #612B1F, #301C2B, #0A0408. 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 Warm Blue Signal by OKLab color distance.