Palette · 4 colors · Lc 9.9
Rosetti Signal palette
Rosetti Signal: a 4-color palette (Red, Gray, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #0F0D0D, #6B4140, #C18C94, #FFF0F1, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0F0D0D
surface
#6B4140
accent
#C18C94
text
#FFF0F1
Colors in Rosetti Signal: HEX, RGB, HSL & OKLCH
- #0F0D0D color page →
bg
#0F0D0D
- RGB
- rgb(15 13 13)
- HSL
- hsl(0 7% 5%)
- OKLCH
- oklch(0.162 0.003 17.5)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
- #6B4140 color page →
surface
#6B4140
- RGB
- rgb(107 65 64)
- HSL
- hsl(1 25% 34%)
- OKLCH
- oklch(0.424 0.059 21.3)
WCAG contrast: on white 8.55:1 (AAA) · on black 2.45:1 (Fail)
- #C18C94 color page →
accent
#C18C94
- RGB
- rgb(193 140 148)
- HSL
- hsl(351 30% 65%)
- OKLCH
- oklch(0.694 0.065 8.9)
WCAG contrast: on white 2.82:1 (Fail) · on black 7.44:1 (AAA)
- #FFF0F1 color page →
text
#FFF0F1
- RGB
- rgb(255 240 241)
- HSL
- hsl(356 100% 97%)
- OKLCH
- oklch(0.967 0.016 12.8)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.98:1 (AAA)
Export Rosetti Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f0d0d;
--surface: #6b4140;
--accent: #c18c94;
--text: #fff0f1;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f0d0d;
--color-surface: #6b4140;
--color-accent: #c18c94;
--color-text: #fff0f1;
}JSON (DTCG tokens)
{
"rosetti-signal-2ba": {
"bg": {
"$type": "color",
"$value": "#0f0d0d"
},
"surface": {
"$type": "color",
"$value": "#6b4140"
},
"accent": {
"$type": "color",
"$value": "#c18c94"
},
"text": {
"$type": "color",
"$value": "#fff0f1"
}
}
}About this palette
Rosetti Signal is a 4-color OKLCH-ready palette tagged red, gray, warm, 4 colors. Hex values: #0F0D0D, #6B4140, #C18C94, #FFF0F1. APCA contrast score Lc 9.9. 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 Rosetti Signal by OKLab color distance.