Palette collection

Pastel Color Palettes

Pastels feel calm and approachable. The key is keeping enough contrast for text — pair soft tints with a darker ink so the result stays readable, not washed out.

Best for: lifestyle brands, social graphics, weddings, and soft product pages.

Tip: click any HEX code below to copy it. For full editing, contrast checks, and CSS/Tailwind export, open any palette in the generator.

Cotton Candy — Sweet & soft
#FFD6E8#FFC2D1#C7CEEA#5B5F7B#FDFCFB
Mint Cream — Fresh & gentle
#D7F5E3#B8EAD0#FCE8C9#4B5B52#FFFFFF
Peach Sky — Warm pastel
#FFE0CC#FFCBB0#CDE7F0#5C5048#FFFDFB
Lavender Haze — Dreamy violet
#E7E0FB#D6C9F5#FBE3F0#574E6B#FFFFFF
Buttercup — Soft sunshine
#FFF3C4#FFE69A#D7EAD9#5E5733#FFFEFA
Sea Glass — Coastal calm
#CFEDE6#AEE0D6#E8E2D0#46554F#FFFFFF
Blush Stone — Muted & elegant
#F3E1DE#E8C9C4#D9E2D0#5A4D4A#FFFDFC
Periwinkle — Gentle blue-violet
#DCE3FB#C3CFF7#F2E4F7#4D5470#FFFFFF
Sorbet — Playful & light
#FFE2E2#FFD1D1#E2F0CB#5B4F4F#FFFEFE
Powder Sage — Earthy pastel
#E4EEDD#CFE0C3#F3E6D6#4F584A#FFFFFF
Bubble Lilac — Subtle lilac
#EFE0F2#E0C7E8#DDEBF2#564B5C#FFFFFF
Apricot Mist — Warm & calm
#FCE9DB#F7D6BE#DDEAE3#5C4E43#FFFEFC

How to use these palettes

Start with the darkest value as text or ink, the lightest as your background, and reserve the most saturated color for primary actions. Always confirm text contrast meets at least 4.5:1 for body copy with the contrast checker before shipping.

Frequently asked questions

Can I use these palettes commercially?

Yes. Copy and use any palette here in personal, educational, or commercial work without attribution.

How do I export these to CSS or Tailwind?

Open a palette in the generator and use the Export panel to copy CSS variables, a Tailwind color object, or JSON.

Are these palettes accessible?

They are designed with readable pairings, but always verify your specific text-on-background combination with the contrast checker for your exact use case.