color palettesA direction worth exploring
Find your kind of color.
Curated palettes, the decisions behind them, and a practical next step. Start with a color, a mood, or the website you’re making.
38 collections
Follow a color
Sage green
Sage can be the quiet backdrop, the darker action color, or a small accent. Those choices lead to quite different websites.
Blue
Compare inky navigation, pale-blue surfaces and bright cobalt actions without giving every blue the same job.
Green
Forest, mint and olive offer different starting points for nature, food and product interfaces.
Pink
From pale blush panels to deep raspberry controls, a pink palette can be quiet or highly contrasted.
Purple
Use a deep violet to anchor an interface, or let lavender carry the surfaces around neutral text.
Red
Give a red accent a precise job, from editorial links to booking actions, without making the whole interface feel urgent.
Orange
Compare burnt-orange actions, pale peach surfaces and vivid coral highlights in real website roles.
Yellow
Use yellow and gold as page warmth, selected fills or small highlights, with a darker color carrying the reading hierarchy.
Teal
Move between deep petrol controls and pale aqua panels while keeping one clear interaction color.
Brown
Use walnut, cacao and sand to build warm interfaces with a distinct reading color and enough separation between surfaces.
Gray & neutral
A quiet palette still needs a visible hierarchy: page, panel, reading text, action and focus.
Set the mood
Pastel
Keep the light, low-chroma surfaces. Add enough depth for words, links and controls to remain legible.
Earthy
Clay, olive, sand and stone can support photography and long-form content without flattening the hierarchy.
Dark mode
Build hierarchy with separate dark surfaces, controlled bright accents and readable text—not a simple inversion.
Sunset
Peach, plum and ember combinations inspired by the transition from daylight to evening.
Ocean
Lagoon, seafoam and Atlantic blue with deliberate contrast for travel, nature and coastal projects.
Forest
Pine, moss and fern accents, balanced with paper, stone and warm highlights.
Coffee
Espresso, cacao and creamy neutrals for menus, shops and warm editorial identities.
Cream
Ivory, oat and warm paper surfaces with enough depth for readable text and actions.
Vintage
Muted inks, aged-paper warmth and restrained accent colors for a vintage editorial direction.
Retro
Playful opposing colors for poster-like headers and characterful digital projects.
Warm
Warm reds, ochres and peaches with darker anchors for welcoming interfaces.
Cool
Blue, teal and violet directions for calm reading surfaces and precise interface details.
Gold & ochre
Flat golden highlights and ochre actions with deep text colors and restrained surfaces.
Playful
Unexpected pairs with clear reading colors for cheerful campaigns and creative projects.
Sky
Airy blues and soft dawn tones for open layouts, with a darker color doing the reading work.
Space & night
Deep fields with luminous accents for night-sky editorials and expressive dark interfaces.
Monochrome & near-neutral
Quiet, near-neutral directions that use value and layout to establish hierarchy.
Mark an occasion
Autumn
A curated autumn direction: rust, ochre and olive with enough neutral space for the content to lead.
Wedding websites
Soft combinations for schedules, travel details and RSVP pages, with practical colors for the information guests need.
Spring
Fresh greens and petal colors, with quiet surfaces for announcements and new-season launches.
Summer
A sunny selection of aqua, coral and warm yellow for outdoor stories and seasonal campaigns.
Winter
Cool light, deep pine and icy accents for winter editorials and quieter seasonal pages.
Halloween
Dark plum, orange and acid accents for seasonal campaigns with readable event details.
Christmas
Deep greens, warm reds and pale highlights for festive pages, from bold to understated.
Give it a purpose
Portfolio websites
Choose colors that frame your work, distinguish navigation and keep project descriptions comfortable to read.
Dashboards & tools
Start with a quiet hierarchy, then give actions, status messages and data distinct jobs in both themes.
Food & menus
Appetizing accents around accurate photography, clear prices and easy-to-read menus.
Already have a starting color?
Explore its exact RGB/HSL values and color harmonies, or test a foreground/background pair.