Palette · 8 colors · Lc 8.1
Dropped Brick Nexus palette
Dropped Brick Nexus: a 8-color palette (Orange, Warm, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #0A0201, #200F08, #371E10, #5B3826, #B93600, #CB741B, #D7AC87, #F2E2D9, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Warm
- Dark Mode UI
- UI System
- 8 Colors
bg
#0A0201
surface
#200F08
muted
#371E10
primary
#5B3826
secondary
#B93600
accent
#CB741B
highlight
#D7AC87
text
#F2E2D9
Colors in Dropped Brick Nexus: HEX, RGB, HSL & OKLCH
- #0A0201 color page →
bg
#0A0201
- RGB
- rgb(10 2 1)
- HSL
- hsl(7 82% 2%)
- OKLCH
- oklch(0.106 0.024 35.8)
WCAG contrast: on white 20.54:1 (AAA) · on black 1.02:1 (Fail)
- #200F08 color page →
surface
#200F08
- RGB
- rgb(32 15 8)
- HSL
- hsl(18 60% 8%)
- OKLCH
- oklch(0.191 0.032 43.2)
WCAG contrast: on white 18.53:1 (AAA) · on black 1.13:1 (Fail)
- #371E10 color page →
muted
#371E10
- RGB
- rgb(55 30 16)
- HSL
- hsl(22 55% 14%)
- OKLCH
- oklch(0.265 0.046 49.1)
WCAG contrast: on white 15.49:1 (AAA) · on black 1.35:1 (Fail)
- #5B3826 color page →
primary
#5B3826
- RGB
- rgb(91 56 38)
- HSL
- hsl(20 41% 25%)
- OKLCH
- oklch(0.378 0.058 47.6)
WCAG contrast: on white 10.30:1 (AAA) · on black 2.03:1 (Fail)
- #B93600 color page →
secondary
#B93600
- RGB
- rgb(185 54 0)
- HSL
- hsl(18 100% 36%)
- OKLCH
- oklch(0.525 0.175 37.2)
WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)
- #CB741B color page →
accent
#CB741B
- RGB
- rgb(203 116 27)
- HSL
- hsl(30 77% 45%)
- OKLCH
- oklch(0.643 0.143 59.2)
WCAG contrast: on white 3.46:1 (Fail) · on black 6.05:1 (AA)
- #D7AC87 color page →
highlight
#D7AC87
- RGB
- rgb(215 172 135)
- HSL
- hsl(28 50% 69%)
- OKLCH
- oklch(0.774 0.071 62.2)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.14:1 (AAA)
- #F2E2D9 color page →
text
#F2E2D9
- RGB
- rgb(242 226 217)
- HSL
- hsl(22 49% 90%)
- OKLCH
- oklch(0.923 0.021 51.5)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.65:1 (AAA)
Export Dropped Brick Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a0201;
--surface: #200f08;
--muted: #371e10;
--primary: #5b3826;
--secondary: #b93600;
--accent: #cb741b;
--highlight: #d7ac87;
--text: #f2e2d9;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a0201;
--color-surface: #200f08;
--color-muted: #371e10;
--color-primary: #5b3826;
--color-secondary: #b93600;
--color-accent: #cb741b;
--color-highlight: #d7ac87;
--color-text: #f2e2d9;
}JSON (DTCG tokens)
{
"dropped-brick-nexus-5t6": {
"bg": {
"$type": "color",
"$value": "#0a0201"
},
"surface": {
"$type": "color",
"$value": "#200f08"
},
"muted": {
"$type": "color",
"$value": "#371e10"
},
"primary": {
"$type": "color",
"$value": "#5b3826"
},
"secondary": {
"$type": "color",
"$value": "#b93600"
},
"accent": {
"$type": "color",
"$value": "#cb741b"
},
"highlight": {
"$type": "color",
"$value": "#d7ac87"
},
"text": {
"$type": "color",
"$value": "#f2e2d9"
}
}
}About this palette
Dropped Brick Nexus is a 8-color OKLCH-ready palette tagged orange, warm, dark mode ui, ui system, 8 colors. Hex values: #0A0201, #200F08, #371E10, #5B3826, #B93600, #CB741B, #D7AC87, #F2E2D9. APCA contrast score Lc 8.1. 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 Dropped Brick Nexus by OKLab color distance.