WidgetCraftGet the app

Guide

59 widget color palettes with hex codes

By the WidgetCraft team ยท Updated

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.

Aesthetic clock widget using the oat and espresso palette
Design preview using the Aesthetic palette.

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.

Brutalist

Heavy type, hard edges, thick outlines and no softening.

Editorial

Magazine layouts with serif headlines, paper tones and portrait photos.

Bauhaus

Primary colors and simple geometry: circles, squares and bars.

Pixel art

8-bit game screens: pixel fonts, chunky meters and limited palettes.

Art Deco

Ivory, black and gold with fine symmetrical line work.

Pastel

Gentle tints, rounded shapes and a calm, friendly tone.

Aesthetic styles

Aesthetic

Muted, photo-led layouts with soft neutrals and a curated feel.

Monochrome

Black, white and greys only, with contrast doing all the work.

Glass

Translucent panels with a thin light border over a colorful wallpaper.

Neon

Glowing pink and cyan outlines on near-black.

Cyberpunk

Yellow and cyan interface panels with angular, technical type.

Vaporwave

Sunset gradients, pink and teal, and 1980s nostalgia.

Y2K

Glossy chrome, bubble shapes and bright early-2000s color.

Retro

Warm 1970s color: mustard, rust and brown with rounded type.

Kawaii

Cute, round and cheerful with pinks, creams and tiny faces.

Cottagecore

Countryside calm: sage green, cream, florals and handwritten notes.

Dark academia

Old libraries: deep brown, parchment, gold and classic serifs.

Light academia

Sunlit study rooms: cream, soft brown and elegant serifs.

Neumorphic

Soft, raised shapes that look pressed out of the background.

Neo-brutalist

Bright flat color, thick black outlines and hard offset shadows.

Flat

Solid colors, no shadows, no gradients and clear shapes.

Line art

Everything drawn with thin outlines and no fills.

Gradient

Smooth two-color blends behind crisp white text.

Scandinavian

Light wood tones, soft greys and quiet, practical layouts.

Japandi

Japanese calm meets Nordic simplicity: stone, ink and empty space.

Boho

Earth tones, terracotta arches and relaxed hand-drawn shapes.

Botanical

Deep greens, leaf photos and natural textures.

Space

Deep navy skies, star dots and soft purple nebula tones.

Terminal

Green or amber monospace text on black, like a command line.

Newspaper

Front-page layouts with a masthead, columns and black rules.

Handwritten

Notebook pages with handwriting fonts and pen-style marks.

Paper

Sticky notes and index cards with soft shadows.

E-ink

Grey paper-like screens with crisp black text and no color.

Gaming HUD

Heads-up display panels with health bars and bright status colors.

Coquette

Soft pink, cream and ribbon bows with romantic serif type.

Sakura

Cherry blossom pink on soft white with falling petals.

Grunge

Faded black, distressed type and a single blood-red accent.

Swiss

Grid-based typography in black, white and red.

Platform-inspired styles

Material You

Android 12-style tonal colors, large rounded shapes and friendly type.

iOS-style

Clean white cards, large bold figures and colored highlights.

Nothing-style

Dot-matrix numerals, black, white and a single red dot.

One UI-style

Samsung-like rounded cards with soft color and clear type.

Color themes

Dark

True black backgrounds with white type for OLED screens.

White

Bright white cards with soft grey text.

Pink

Rose and blush tones from soft to bold.

Gold

Black and gold for a luxury, elegant home screen.

Blue

Calm sky and navy tones.

Green

Sage and forest greens that feel fresh and calm.

Purple

Lavender to deep violet with a dreamy feel.

Red

Bold red with black or white for strong contrast.

Beige

Cream, oat and soft brown neutrals.

Yellow

Sunny yellow with dark text for a cheerful screen.

Seasonal themes

Christmas

Deep green, red and gold for December.

Halloween

Pumpkin orange and purple on black.

Autumn

Rust, mustard and brown for cosy autumn screens.

Winter

Icy blues, snow white and silver.

Spring

Fresh greens, blossom pink and soft yellow.

Summer

Sea blue, coral and sunshine yellow.

Related