Palette 01
Soft Botanical
A fresh garden system with sage structure and a muted berry accent.
- background
- #F7F4EA
- primary
- #B9D7C2
- accent
- #F0C7CD
- text
- #394A43
Soft color, built with structure
Pastel color palettes
Pastels are lightened colors with a quiet visual presence. The strongest pastel systems pair airy surfaces with one dependable anchor, so the result feels gentle without losing hierarchy or readability.
Explore the palettes Color style Pastel
Chromatic fingerprint · 7 defining colors
Visual profile
What makes it pastel?
- saturation
- Low–medium
- lightness
- High
- temperature
- Balanced
- contrast
- Soft, anchored
Curated directions
Palettes built for real projects
5 systems with ready-to-use color roles. Select any swatch to copy its HEX value.
Palette 02
Candy Studio
Playful confectionery hues balanced by a dark blueberry text color.
- background
- #FFF7FB
- primary
- #BFDDF5
- accent
- #F6B8D1
- text
- #403A60
Palette 03
Coastal Air
Sea-glass blue and mint with a sand accent for relaxed, spacious layouts.
- background
- #F7FAF8
- primary
- #BAD7E9
- accent
- #F0D9B5
- text
- #304D5A
Palette 04
Lavender Paper
Powdered violet, blue, and blush create a polished creative palette.
- background
- #FAF8FC
- primary
- #D9CDEE
- accent
- #EFCED8
- text
- #443D57
Palette 05
Apricot Morning
Warm peach and butter tones softened by lilac and grounded with cocoa.
- background
- #FFF9F2
- primary
- #F5C9AE
- accent
- #D9CBE7
- text
- #57433D
Build the look
Rules that keep the palette intentional
Keep one dark anchor
Use charcoal, navy, plum, or deep green for text and decisive interface actions.
Separate close values
Pastels can merge visually, so vary hue or introduce a clear neutral between adjacent areas.
Let accents stay selective
A slightly stronger version of one pastel creates focus without breaking the calm mood.
Put it to work
Where pastel palettes work best
Brand systems
Choose one pastel as the recognizable brand color, then rely on a deep neutral for type and controls.
Digital products
Use pastels for surfaces, charts, and quiet states—not as the only signal for important actions.
Illustration
Layer neighboring hues freely, but keep silhouettes readable through value changes.
Color notes
Pastel palette questions
What makes a color pastel?
Pastel colors generally have high lightness and restrained saturation. They look as though a base hue has been mixed with white, but a useful pastel palette still needs variation and contrast.
Are pastel colors accessible on websites?
They can be when used mainly for backgrounds and supporting elements. Text, icons, and controls should use colors with sufficient contrast against those light surfaces.
Which dark colors work with pastels?
Charcoal, navy, forest green, cocoa brown, and deep plum usually anchor pastels more naturally than pure black.