Palette · 4 colors · Lc 8.4
Classic Dropped Brick System palette
Classic Dropped Brick System: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #E6E2ED, #B43400, #437600, #0C0614, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6E2ED
surface
#B43400
accent
#437600
text
#0C0614
Colors in Classic Dropped Brick System: HEX, RGB, HSL & OKLCH
- #E6E2ED color page →
bg
#E6E2ED
- RGB
- rgb(230 226 237)
- HSL
- hsl(262 23% 91%)
- OKLCH
- oklch(0.919 0.015 302.5)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.46:1 (AAA)
- #B43400 color page →
surface
#B43400
- RGB
- rgb(180 52 0)
- HSL
- hsl(17 100% 35%)
- OKLCH
- oklch(0.514 0.172 37.1)
WCAG contrast: on white 6.11:1 (AA) · on black 3.43:1 (Fail)
- #437600 color page →
accent
#437600
- RGB
- rgb(67 118 0)
- HSL
- hsl(86 100% 23%)
- OKLCH
- oklch(0.51 0.144 132.9)
WCAG contrast: on white 5.48:1 (AA) · on black 3.83:1 (Fail)
- #0C0614 color page →
text
#0C0614
- RGB
- rgb(12 6 20)
- HSL
- hsl(266 54% 5%)
- OKLCH
- oklch(0.141 0.032 303.4)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Dropped Brick System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6e2ed;
--surface: #b43400;
--accent: #437600;
--text: #0c0614;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6e2ed;
--color-surface: #b43400;
--color-accent: #437600;
--color-text: #0c0614;
}JSON (DTCG tokens)
{
"classic-dropped-brick-system-252": {
"bg": {
"$type": "color",
"$value": "#e6e2ed"
},
"surface": {
"$type": "color",
"$value": "#b43400"
},
"accent": {
"$type": "color",
"$value": "#437600"
},
"text": {
"$type": "color",
"$value": "#0c0614"
}
}
}About this palette
Classic Dropped Brick System is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #E6E2ED, #B43400, #437600, #0C0614. APCA contrast score Lc 8.4. 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 Classic Dropped Brick System by OKLab color distance.