UI Palette Builder
Turn one color into usable UI tokens
UI Preview
Dashboard card
Token preview with surface, border, text, primary, and accent roles.
PrimaryAccent
Muted content area
Tokens
Background · Page background
#f9fafb
Surface · Cards and panels
#eef0f2
Muted · Subtle fills
#dadfe2
Border · Dividers and outlines
#c0c8ce
Text · Main readable text
#1a2328
Primary · Primary actions
#3498db
Primary Text · Text on primary
#f9fafb
Accent · Secondary accent
#e7553c
Accent Text · Text on accent
#fbf9f9
Related tools