shadszn/ui
Docs
Components
Blocks
Brand
GitHub
Colors
Brand color palette with CSS variables. Click any swatch to copy its value.
Backgrounds
Deep
#0A0820
var(--bg-deep)
Base
#0D0B2E
var(--bg-base)
Elevated
#131142
var(--bg-elevated)
Surface
#19154E
var(--bg-surface)
Glass Surfaces
Glass BG
rgba(255,255,255,0.04)
var(--glass-bg)
Glass Hover
rgba(255,255,255,0.08)
var(--glass-bg-hover)
Glass Active
rgba(255,255,255,0.12)
var(--glass-bg-active)
Glass Border
rgba(255,255,255,0.08)
var(--glass-border)
Border Hover
rgba(255,255,255,0.16)
var(--glass-border-hover)
Border Bright
rgba(255,255,255,0.20)
var(--glass-border-bright)
Text
Primary
rgba(255,255,255,0.95)
var(--text-primary)
Secondary
rgba(255,255,255,0.65)
var(--text-secondary)
Tertiary
rgba(255,255,255,0.40)
var(--text-tertiary)
Muted
rgba(255,255,255,0.25)
var(--text-muted)
Brand
Navy
#19154E
var(--brand-navy)
Navy Light
#2a247a
var(--brand-navy-light)
Lavender
#E8E3FF
var(--brand-lavender)
Lavender Dim
rgba(232,227,255,0.15)
var(--brand-lavender-dim)
Orange
#FF8B4B
var(--brand-orange)
Orange Dim
rgba(255,139,75,0.15)
var(--brand-orange-dim)
System Status
Success
#4ade80
var(--color-sys-success)
Warning
#fbbf24
var(--color-sys-warning)
Error
#f87171
var(--color-sys-error)
Info
#60a5fa
var(--color-sys-info)
