Guide
59 widget color palettes with hex codes
Every palette here has five roles: background, surface, text, labels and one accent. Copy the hex codes into any widget maker, or open the style for full recipes.

How to use a palette
Use the background color for the widget, the text color for the main value and the label color for small captions. Keep the accent for one thing, such as the filled part of a progress bar. In WidgetCraft, open any color and type the hex code.
Styles with a ready-made WidgetCraft pack
Minimal
Quiet layouts, one accent color and plenty of empty space.
- Paper
#F5F3EEBackground - Linen
#E9E6DFSurface and tracks - Ink
#151515Text - Stone
#8B8A85Labels - Signal
#E4572EAccent
Brutalist
Heavy type, hard edges, thick outlines and no softening.
- Concrete white
#FBFAF4Background - Raw paper
#EFEDE3Surface and tracks - Black
#111111Text - Soot
#55534CLabels - Hazard orange
#FF6B2CAccent
Editorial
Magazine layouts with serif headlines, paper tones and portrait photos.
- Newsprint
#F3EEE4Background - Aged paper
#E7DFD0Surface and tracks - Press black
#1D1A16Text - Caption grey
#7B7265Labels - Masthead red
#A4452CAccent
Bauhaus
Primary colors and simple geometry: circles, squares and bars.
- Canvas
#F4EFE3Background - Cream
#E8E0CESurface and tracks - Black
#1B1B1BText - Graphite
#6D6A62Labels - Signal red
#D93025Accent
Pixel art
8-bit game screens: pixel fonts, chunky meters and limited palettes.
- Screen green
#D8E8C0Background - Mid green
#B8CFA0Surface and tracks - Dark pixel
#22331FText - Moss
#55704ALabels - Heart red
#D64545Accent
Art Deco
Ivory, black and gold with fine symmetrical line work.
- Ivory
#F6F0E1Background - Champagne
#EADFC6Surface and tracks - Onyx
#1C1A16Text - Bronze grey
#7A6F58Labels - Gold
#B8892EAccent
Pastel
Gentle tints, rounded shapes and a calm, friendly tone.
- Blush
#FCE8E6Background - Rose milk
#F7D6D9Surface and tracks - Cocoa
#4A3F45Text - Mauve grey
#9A8790Labels - Candy pink
#F49AB0Accent
Aesthetic styles
Aesthetic
Muted, photo-led layouts with soft neutrals and a curated feel.
- Oat
#EFE6DABackground - Latte
#E2D5C4Surface and tracks - Espresso
#3D332BText - Taupe
#93867ALabels - Caramel
#B98B6EAccent
Monochrome
Black, white and greys only, with contrast doing all the work.
- White
#FFFFFFBackground - Light grey
#EDEDEDSurface and tracks - Black
#0E0E0EText - Mid grey
#7D7D7DLabels - Black
#0E0E0EAccent
Glass
Translucent panels with a thin light border over a colorful wallpaper.
- Frost (white 25%)
#FFFFFFBackground - Highlight (white 40%)
#FFFFFFSurface and tracks - White
#FFFFFFText - Mist
#E6ECFFLabels - White
#FFFFFFAccent
Neon
Glowing pink and cyan outlines on near-black.
- Night
#0B0714Background - Deep violet
#170D2BSurface and tracks - Hot pink
#FF4FD8Text - Dusk grey
#8F7FB3Labels - Cyan
#31E8FFAccent
Cyberpunk
Yellow and cyan interface panels with angular, technical type.
- Void
#0A0A0CBackground - Carbon
#16161ASurface and tracks - Acid yellow
#FCEE0AText - Steel
#7C7C86Labels - Cyan
#00F0FFAccent
Vaporwave
Sunset gradients, pink and teal, and 1980s nostalgia.
- Twilight
#2B1055Background - Haze blue
#7597DESurface and tracks - White
#FFFFFFText - Lavender
#E0C3FCLabels - Bubblegum
#FF71CEAccent
Y2K
Glossy chrome, bubble shapes and bright early-2000s color.
- Ice blue
#DDF1FFBackground - Sky gel
#BFE2FFSurface and tracks - Indigo
#2A2E6EText - Periwinkle
#7C86B8Labels - Hot pink
#FF5FA2Accent
Retro
Warm 1970s color: mustard, rust and brown with rounded type.
- Cream
#F3E3C3Background - Sand
#E8CF9FSurface and tracks - Chocolate
#3E2A1FText - Walnut
#8A6E55Labels - Burnt orange
#D9622BAccent
Kawaii
Cute, round and cheerful with pinks, creams and tiny faces.
- Milk
#FFF4F7Background - Strawberry milk
#FFE1EASurface and tracks - Cocoa
#5B3A45Text - Dusty rose
#B08A97Labels - Strawberry
#FF8FB1Accent
Cottagecore
Countryside calm: sage green, cream, florals and handwritten notes.
- Cream
#F4F0E2Background - Sage mist
#E3E6CFSurface and tracks - Forest ink
#3F4A36Text - Lichen
#8A927ALabels - Terracotta
#C97B63Accent
Dark academia
Old libraries: deep brown, parchment, gold and classic serifs.
- Walnut
#1F1813Background - Leather
#2C221ASurface and tracks - Parchment
#E8DCC4Text - Dust
#9C8B72Labels - Brass
#B08D57Accent
Light academia
Sunlit study rooms: cream, soft brown and elegant serifs.
- Ivory
#F6F1E7Background - Linen
#EAE0CFSurface and tracks - Umber
#4B3F33Text - Stone
#9B8E7ELabels - Antique gold
#B5925AAccent
Neumorphic
Soft, raised shapes that look pressed out of the background.
- Clay grey
#E6EAF0Background - Shade
#DCE1EASurface and tracks - Slate ink
#3B4252Text - Fog
#8B93A5Labels - Soft blue
#5B7CFAAccent
Neo-brutalist
Bright flat color, thick black outlines and hard offset shadows.
- Lemon
#FFD43BBackground - Butter
#FFF3BFSurface and tracks - Black
#000000Text - Charcoal
#4A4A4ALabels - Coral
#FF6B6BAccent
Flat
Solid colors, no shadows, no gradients and clear shapes.
- Cobalt
#2D6CDFBackground - Deep cobalt
#2459B8Surface and tracks - White
#FFFFFFText - Pale blue
#CFE0FFLabels - Sun yellow
#FFC83DAccent
Line art
Everything drawn with thin outlines and no fills.
- Clear
#FFFFFFBackground - Clear
#FFFFFFSurface and tracks - White
#FFFFFFText - Mist
#D8DEE9Labels - White
#FFFFFFAccent
Gradient
Smooth two-color blends behind crisp white text.
- Violet
#6A5CFFBackground - Pink
#FF6FB5Surface and tracks - White
#FFFFFFText - Lilac mist
#EBDDFFLabels - Lemon
#FFE066Accent
Scandinavian
Light wood tones, soft greys and quiet, practical layouts.
- Snow
#F7F5F2Background - Birch
#ECE8E1Surface and tracks - Charcoal
#2E2E2CText - Driftwood
#9A968ELabels - Fjord blue
#7F9AAEAccent
Japandi
Japanese calm meets Nordic simplicity: stone, ink and empty space.
- Rice paper
#EDE8DFBackground - Clay
#DDD5C7Surface and tracks - Sumi ink
#26231FText - Stone
#8C8478Labels - Vermilion
#9C4A3CAccent
Boho
Earth tones, terracotta arches and relaxed hand-drawn shapes.
- Sand
#F2E6D8Background - Clay
#E6CFB6Surface and tracks - Bark
#4A3528Text - Driftwood
#9B7F68Labels - Terracotta
#C4673FAccent
Botanical
Deep greens, leaf photos and natural textures.
- Leaf mist
#E9EFE4Background - Sage
#D3DFCCSurface and tracks - Deep fern
#1F3327Text - Moss
#6E8574Labels - Fern green
#3F7D4EAccent
Space
Deep navy skies, star dots and soft purple nebula tones.
- Deep space
#0B1026Background - Nebula blue
#1B2250Surface and tracks - Starlight
#F4F6FFText - Dust
#8F9AC9Labels - Violet
#B38BFFAccent
Terminal
Green or amber monospace text on black, like a command line.
- Black
#050805Background - Phosphor dark
#0D140DSurface and tracks - Phosphor green
#39FF6AText - Dim green
#2A9D50Labels - Green
#39FF6AAccent
Newspaper
Front-page layouts with a masthead, columns and black rules.
- Newsprint
#F1EEE6Background - Fold grey
#E4DFD3Surface and tracks - Ink black
#111111Text - Halftone
#666159Labels - Ink black
#111111Accent
Handwritten
Notebook pages with handwriting fonts and pen-style marks.
- Page
#FBF8EFBackground - Margin
#EFE9D8Surface and tracks - Pen blue
#2B3A67Text - Pencil
#8C93ADLabels - Red pen
#E0574FAccent
Paper
Sticky notes and index cards with soft shadows.
- Note yellow
#FFF3A6Background - Fold
#FCE77DSurface and tracks - Graphite
#33312BText - Pencil
#8A8468Labels - Red marker
#E2574CAccent
E-ink
Grey paper-like screens with crisp black text and no color.
- Paper grey
#E6E4DFBackground - Shade
#D7D4CESurface and tracks - Ink
#151515Text - Pencil
#6A6862Labels - Ink
#151515Accent
Gaming HUD
Heads-up display panels with health bars and bright status colors.
- Shadow
#10121ABackground - Panel
#1B1F2ESurface and tracks - White
#F2F4FFText - Steel
#7D86A8Labels - Arcane purple
#8B5CF6Accent
Coquette
Soft pink, cream and ribbon bows with romantic serif type.
- Cream
#FFF4F4Background - Ballet pink
#FBE1E4Surface and tracks - Wine
#5E2433Text - Mauve
#B88A92Labels - Ribbon pink
#E8879CAccent
Sakura
Cherry blossom pink on soft white with falling petals.
- Petal white
#FFF7F8Background - Blossom
#FCE4EASurface and tracks - Bark
#3D2B2EText - Mist
#A88B90Labels - Sakura
#F07FA0Accent
Grunge
Faded black, distressed type and a single blood-red accent.
- Faded black
#1A1818Background - Charcoal
#2A2626Surface and tracks - Bone
#E9E4DAText - Ash
#8E8780Labels - Blood red
#B3212EAccent
Swiss
Grid-based typography in black, white and red.
- White
#FFFFFFBackground - Grid grey
#F1F1F1Surface and tracks - Black
#000000Text - Grey
#6B6B6BLabels - Swiss red
#E30613Accent
Platform-inspired styles
Material You
Android 12-style tonal colors, large rounded shapes and friendly type.
- Tonal lavender
#E8DEF8Background - Primary container
#D0BCFFSurface and tracks - On-surface
#1D192BText - Outline grey
#625B71Labels - Primary purple
#6750A4Accent
iOS-style
Clean white cards, large bold figures and colored highlights.
- White
#FFFFFFBackground - System grey
#F2F2F7Surface and tracks - Black
#000000Text - Label grey
#8E8E93Labels - Red
#FF3B30Accent
Nothing-style
Dot-matrix numerals, black, white and a single red dot.
- Black
#0A0A0ABackground - Charcoal
#1A1A1ASurface and tracks - White
#FFFFFFText - Grey
#8A8A8ALabels - Signal red
#D71921Accent
One UI-style
Samsung-like rounded cards with soft color and clear type.
- Cloud
#F7F7F9Background - Card blue
#E9ECF5Surface and tracks - Near black
#101114Text - Slate
#70747DLabels - Galaxy blue
#3E6EF5Accent
Color themes
Dark
True black backgrounds with white type for OLED screens.
- True black
#000000Background - Graphite
#141414Surface and tracks - White
#FAFAFAText - Ash
#8C8C8CLabels - Electric blue
#3B9EFFAccent
White
Bright white cards with soft grey text.
- White
#FFFFFFBackground - Snow grey
#F4F4F6Surface and tracks - Charcoal
#1C1C1EText - Silver
#9A9AA0Labels - Sky blue
#5E8BFFAccent
Pink
Rose and blush tones from soft to bold.
- Blush
#FFE4ECBackground - Rose
#FFC9D9Surface and tracks - Berry
#6B1F3AText - Dusty pink
#B5758ALabels - Hot pink
#FF4F8BAccent
Gold
Black and gold for a luxury, elegant home screen.
- Onyx
#0F0E0CBackground - Smoke
#1C1A16Surface and tracks - Ivory
#F3EAD3Text - Champagne
#9C8F72Labels - Gold
#D4AF37Accent
Blue
Calm sky and navy tones.
- Sky
#E3F0FFBackground - Powder blue
#C5DEFASurface and tracks - Navy
#0F2A4AText - Slate blue
#6C87A8Labels - Azure
#2F7BE6Accent
Green
Sage and forest greens that feel fresh and calm.
- Sage
#E4EDDFBackground - Matcha
#CBDCC2Surface and tracks - Forest
#1E3A2BText - Moss
#6F8C78Labels - Leaf
#3FA35BAccent
Purple
Lavender to deep violet with a dreamy feel.
- Lavender
#EFE6FFBackground - Lilac
#DCCBFBSurface and tracks - Plum
#2E1B57Text - Heather
#8573ADLabels - Violet
#8B5CF6Accent
Red
Bold red with black or white for strong contrast.
- Crimson
#C1121FBackground - Oxblood
#9A0E18Surface and tracks - White
#FFFFFFText - Pale rose
#FFC9CDLabels - Amber
#FFD166Accent
Beige
Cream, oat and soft brown neutrals.
- Cream
#F3EBDDBackground - Oat
#E6D9C5Surface and tracks - Cocoa
#4A3B2EText - Taupe
#9C8B78Labels - Caramel
#B58A60Accent
Yellow
Sunny yellow with dark text for a cheerful screen.
- Lemon
#FFE66DBackground - Sun
#FFD43BSurface and tracks - Dark olive
#2B2400Text - Mustard grey
#7A6A1FLabels - Orange
#FF7A00Accent
Seasonal themes
Christmas
Deep green, red and gold for December.
- Pine
#14402BBackground - Fir
#1C5A3CSurface and tracks - Snow cream
#FBF3E0Text - Frost
#A9C4B0Labels - Berry red
#D62828Accent
Halloween
Pumpkin orange and purple on black.
- Midnight
#120B1ABackground - Witch purple
#24143ASurface and tracks - Pumpkin
#FF8A1FText - Fog
#8E7AA8Labels - Violet
#9B5DE5Accent
Autumn
Rust, mustard and brown for cosy autumn screens.
- Oat
#F4E4CFBackground - Wheat
#E8C9A0Surface and tracks - Chestnut
#4A2C1AText - Bark
#9A7A5FLabels - Rust
#C4561DAccent
Winter
Icy blues, snow white and silver.
- Snow
#EEF5FBBackground - Ice
#D9E8F5Surface and tracks - Midnight blue
#1F3550Text - Frost grey
#7E94ADLabels - Glacier
#5AA9E6Accent
Spring
Fresh greens, blossom pink and soft yellow.
- Petal white
#F6FBEFBackground - New leaf
#E3F2D3Surface and tracks - Stem green
#2F4A2AText - Sage
#86A07CLabels - Blossom
#F28BB3Accent
Summer
Sea blue, coral and sunshine yellow.
- Sea foam
#E8FBFFBackground - Lagoon
#BDEFF7Surface and tracks - Deep teal
#0B3C49Text - Tide
#5E99A6Labels - Coral
#FF6B5EAccent