Rivalz · Playful · Light/Dark
PublicBrand Colors
10Core identity colors for key actions, CTAs and brand recognition
Brand Primary
#E31F1F
On Brand Primary
#FFFFFF
Brand Primary Container
#E2CACA
On Brand Primary Container
#000000
Brand Secondary
#F63D3D
On Brand Secondary
#000000
Brand Secondary Container
#E4CDCD
On Brand Secondary Container
#000000
Brand Accent
#F6BD29
On Brand Accent
#000000
Status & Feedback
16Semantic colors communicating success, warning, error and info
Surfaces
10Background and layer colors for depth and visual hierarchy
Surface Base
Surface Raised
Surface Overlay
Surface Sheet
Surface Sunken
Surface Inverse
Backdrop Light
Backdrop Dark
Scrim
Shimmer
Typography
4Text colors for readable content hierarchy
Text Primary
Text Secondary
Text Disabled
Text Inverse
Borders & Outlines
6Separator and focus colors for structural clarity
Border Default
Border Strong
Border Focus
Border Error
Border Success
Border Inverse
Make this palette your design system
Save to workspace, export CSS / Tailwind / JSON tokens, and build with 46 production-ready color roles.