Palette · 3 colors · Lc 9.8
Pure Brick Drift palette
Pure Brick Drift: a 3-color palette (Orange, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #EDF8FA, #9D3728, #030607, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDF8FA
accent
#9D3728
text
#030607
Colors in Pure Brick Drift: HEX, RGB, HSL & OKLCH
- #EDF8FA color page →
bg
#EDF8FA
- RGB
- rgb(237 248 250)
- HSL
- hsl(189 57% 95%)
- OKLCH
- oklch(0.971 0.012 209.8)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.40:1 (AAA)
- #9D3728 color page →
accent
#9D3728
- RGB
- rgb(157 55 40)
- HSL
- hsl(8 59% 39%)
- OKLCH
- oklch(0.481 0.139 31)
WCAG contrast: on white 6.97:1 (AA) · on black 3.01:1 (Fail)
- #030607 color page →
text
#030607
- RGB
- rgb(3 6 7)
- HSL
- hsl(195 40% 2%)
- OKLCH
- oklch(0.117 0.009 215.9)
WCAG contrast: on white 20.32:1 (AAA) · on black 1.03:1 (Fail)
Export Pure Brick Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edf8fa;
--accent: #9d3728;
--text: #030607;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edf8fa;
--color-accent: #9d3728;
--color-text: #030607;
}JSON (DTCG tokens)
{
"pure-brick-drift-3on": {
"bg": {
"$type": "color",
"$value": "#edf8fa"
},
"accent": {
"$type": "color",
"$value": "#9d3728"
},
"text": {
"$type": "color",
"$value": "#030607"
}
}
}About this palette
Pure Brick Drift is a 3-color OKLCH-ready palette tagged orange, warm, 3 colors. Hex values: #EDF8FA, #9D3728, #030607. APCA contrast score Lc 9.8. 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 Pure Brick Drift by OKLab color distance.