Overview
Colors
A color palette utilized throughout Beam UI. Inspired by Geist Design System.
Scales
Backgrounds
Neutral
Info
Danger
Warning
Success
Usage
Backgrounds
Background 1
Surface element background
Background 2
Page background
Colors 1–3: Component Backgrounds
Color 1
Default background
Color 2
Hover background
Color 3
Active background
Colors 4-6: Borders
Color 4
Default border
Color 5
Hover border
Color 6
Active border
Colors 7-8: High Contrast Backgrounds
Color 7
High contrast background
Color 8
Hover high contrast background
Colors 9-10: Text and Icons
Color 9
Secondary text and icons
Color 10
Primary text and icons