Palette · 4 colors · Lc 8.3
Low Cayenne Drift palette
Low Cayenne Drift: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F4E2DB, #FF7C7B, #921200, #390600, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E2DB
surface
#FF7C7B
accent
#921200
text
#390600
Colors in Low Cayenne Drift: HEX, RGB, HSL & OKLCH
- #F4E2DB color page →
bg
#F4E2DB
- RGB
- rgb(244 226 219)
- HSL
- hsl(17 53% 91%)
- OKLCH
- oklch(0.925 0.022 42.6)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.74:1 (AAA)
- #FF7C7B color page →
surface
#FF7C7B
- RGB
- rgb(255 124 123)
- HSL
- hsl(0 100% 74%)
- OKLCH
- oklch(0.738 0.16 22.2)
WCAG contrast: on white 2.49:1 (Fail) · on black 8.42:1 (AAA)
- #921200 color page →
accent
#921200
- RGB
- rgb(146 18 0)
- HSL
- hsl(7 100% 29%)
- OKLCH
- oklch(0.422 0.163 31.4)
WCAG contrast: on white 9.09:1 (AAA) · on black 2.30:1 (Fail)
- #390600 color page →
text
#390600
- RGB
- rgb(57 6 0)
- HSL
- hsl(6 100% 11%)
- OKLCH
- oklch(0.225 0.081 33.8)
WCAG contrast: on white 17.49:1 (AAA) · on black 1.20:1 (Fail)
Export Low Cayenne Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e2db;
--surface: #ff7c7b;
--accent: #921200;
--text: #390600;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e2db;
--color-surface: #ff7c7b;
--color-accent: #921200;
--color-text: #390600;
}JSON (DTCG tokens)
{
"low-cayenne-drift-2hk": {
"bg": {
"$type": "color",
"$value": "#f4e2db"
},
"surface": {
"$type": "color",
"$value": "#ff7c7b"
},
"accent": {
"$type": "color",
"$value": "#921200"
},
"text": {
"$type": "color",
"$value": "#390600"
}
}
}About this palette
Low Cayenne Drift is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #F4E2DB, #FF7C7B, #921200, #390600. 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 Low Cayenne Drift by OKLab color distance.