BACK TO LAB
DIGITAL MISCHIEF GROUP
STYLE_GUIDE // V.2.4.1

Brand Style Guide

Component Library & Design System

Color Palette

Our dark, industrial color system reflects technical precision and controlled energy.

Primary (Orange)

#ea580c

Main brand color for buttons, links, and key elements

Secondary (Copper)

#b87333

Accent color for highlights and secondary actions

Brand Zinc

#18181b

Dark backgrounds and containers

Brand Gray

#71717a

Muted text and subtle elements

Brand Amber

#f59e0b

Warning states and highlights

Background

#09090b

Main background color

Foreground

#fafafa

Primary text color

Card

#18181b

Card and container backgrounds

Muted

#27272a

Subtle backgrounds and disabled states

Border

#3f3f46

Borders and dividers

Brand Color Variants

Opacity variants for subtle backgrounds, overlays, and interactive states.

Orange Variants

Orange 100%

--orange-500

Orange 60%

--orange-60

Orange 15%

--orange-15

Copper Variants

Copper 100%

--copper

Copper 60%

--copper-60

Copper 30%

--copper-30

Copper 15%

--copper-15

Zinc Variants

Zinc 950

--zinc-950

Zinc 900

--zinc-900

Zinc 800

--zinc-800

Zinc 700

--zinc-700