Pastel color palettes: 12 combinations with hex codes, and how to use them
Updated 2026-09-16 · 4 min read · by the ColorSwoop team
Twelve pastel palettes you can copy right now, each with its hex codes — then the formula that keeps pastels soft without going flat, with the failure and the fix side by side.
12 pastel color palettes with hex codes
Every card is a real palette from the catalog: tap a band to copy its hex code, open the card for RGB, HSL, a UI preview and a contrast check. The pastel collection has 150 more.
The last three are pastels. In OKLCH terms our pastel collection keeps every color above 70% lightness and below 0.13 chroma — which also explains the main problem: pastels have almost no contrast with each other.
An off-white base for backgrounds, two mid pastels for cards and sections, one deep anchor for text and icons, one slightly more saturated accent for buttons — kept under 10% of the surface.
Base: the lightest pastel or an off-white for backgrounds.
Surfaces: one or two mid pastels for cards and sections.
Anchor: a deep version of one of your hues for text and icons. This is what makes the design feel intentional.
Accent: one slightly more saturated color for buttons.
The right-hand set has somewhere for text to live. That single dark color is the whole difference.
Here is the formula as a page — the anchor carrying the text, the pastels doing what they are good at:
BrandFeaturesPricingBlogGet started
Soft, but you can read it
Four colors, one page: background, text, a primary action and an accent — the roles a real interface needs.
Primary actionSecondary
Card title
Card title
Card title
Off-white base, peach surfaces, coral accent, slate anchor. Open any palette on ColorSwoop and scroll to Why it works to see the same roles assigned automatically, with the contrast ratios listed.
Each set ends with its anchor. Click a label to browse the collection it comes from.
Checking accessibility
FAQ
What makes a color pastel?
High lightness (roughly 75-92% in HSL) combined with low to medium saturation. Technically a pastel is a hue mixed with a lot of white, which is why pastels feel soft and airy.
Do pastel palettes work for text?
Not on their own. Two pastels rarely reach the 4.5:1 contrast required for body text. Pair pastels with a charcoal or deep version of one of the hues for text and icons.
Which pastel combinations are most popular?
Blush pink with sage, lavender with mint, peach with sky blue, and butter yellow with lilac. Browse the pastel collection for hundreds of tested combinations.
