Design System

Filespace brand colors, patterns, and component systemization

Brand Color Palette

Core colors defining the Filespace brand identity

Logo Blue

#00359E

Primary brand color matching logo

Usage:High

Light Blue

#C3DBEE

Secondary UI variation

Usage:Frequent

Lemon

#F1F4B3

Delight accent (use sparingly!)

Usage:Sparingly

Dark Button

#252213

Retained dark button style

Usage:High
Color Hierarchy & System
How colors work together in the design system

Primary Actions

Logo Blue for main CTAs, primary buttons, and key brand touchpoints

Secondary Elements

Light Blue for secondary actions, backgrounds, and UI variation

Delight Moments

Lemon for special features, success states, and moments of delight

✨ Special Feature

Light & Dark Mode Adaptations
Colors automatically adapt for optimal contrast
Light Mode
Lemon Accent
Dark Mode
Lemon Accent