Brushes and pens for
beautiful visual styling
Unified API for solid colors, gradients, images,
and light/dark adaptive fills and strokes.
Solid Colors
Type-safe color factories for any color space: sRGB, Display P3, OKLCH, HSL.HexColor.hex("#3b82f6")
RGBColor.rgb(59, 130, 246)
RGBAColor.rgb(..., 0.5)
HSLColor.hsl(217, 91, 60)
P3Color.p3(...)
OKLCHColor.oklch(...)
Palette Colors
Strongly-typed Radix color palettes. 12 steps from subtle backgrounds to solid fills.tomato-9Color.palette("tomato", 9)
jade-6Color.palette("jade", 6)
blue-9Color.palette("blue", 9)
violet-11Color.palette("violet", 11)
amber-4Color.palette("amber", 4)
pink-7Color.palette("pink", 7)
cyan-9Color.palette("cyan", 9)
indigo-5Color.palette("indigo", 5)
black-a3Color.palette("black", 3, true)
black-a6Color.palette("black", 6, true)
black-a9Color.palette("black", 9, true)
black-a12Color.palette("black", 12, true)
white-a3Color.palette("white", 3, true)
white-a6Color.palette("white", 6, true)
white-a9Color.palette("white", 9, true)
white-a12Color.palette("white", 12, true)
Linear Gradients
Smooth color transitions. Pass Colors directly - no Brush wrapper needed.Horizontal (90°)
Vertical (0°)
Diagonal (45°)
Multi-stop
Radial Gradients
Circular gradients radiating from a center point. Great for spotlights and glows.Centered
Off-center
Top spotlight
Multi-stop
Image Brushes
Fill backgrounds with images. Supports cover, contain, and positioning.Cover (default)
Contain
Position: top
Wide image
Light/Dark Adaptive
Theme-aware brushes that adapt to light or dark mode automatically.Surface
Accent shift
Gradient flip
Card background
Composite Brushes
Layer multiple brushes with blend modes for complex effects.Gradient + highlight
Solid + overlay