Pink Color Palette
Playful · Romance · Modern
A playful pink palette from barely-there blush to vivid fuchsia. Pink spans a wide emotional range — from softness and romance to bold, modern energy. One of the most versatile palettes in contemporary brand design.
| Swatch | Name | Hex |
|---|---|---|
| Pink 50 | #FDF2F8 | |
| Pink 200 | #FBCFE8 | |
| Pink 400 | #F472B6 | |
| Pink 500 | #EC4899 | |
| Pink 700 | #BE185D | |
| Rose 900 | #831843 |
Best For
Soft pinks create warm, approachable UI backgrounds. Bold fuchsia makes an impactful CTA or brand accent. Dusty rose adds sophistication when paired with cream and gold.
CSS Custom Properties
:root {
--pink-100: #FDF2F8;
--pink-200: #FBCFE8;
--pink-300: #F472B6;
--pink-400: #EC4899;
--pink-500: #BE185D;
--pink-600: #831843;
}Tailwind CSS Config
// tailwind.config.ts
export default {
theme: {
extend: {
colors: {
"pink": {
"100": "#FDF2F8",
"200": "#FBCFE8",
"300": "#F472B6",
"400": "#EC4899",
"500": "#BE185D",
"600": "#831843",
},
},
},
},
}Generate a custom palette
Enter any seed colour and generate complementary, analogous, triadic, and monochromatic palettes. Export as CSS variables, Tailwind config, or JSON.
Open Color Palette GeneratorFrequently Asked Questions
What hex codes are in the Pink Color Palette?
The Pink Color Palette includes: Pink 50 (#FDF2F8), Pink 200 (#FBCFE8), Pink 400 (#F472B6), Pink 500 (#EC4899), Pink 700 (#BE185D), Rose 900 (#831843).
What is the mood of the Pink Color Palette?
Pink Color Palette evokes: Playful · Romance · Modern. A playful pink palette from barely-there blush to vivid fuchsia. Pink spans a wide emotional range — from softness and romance to bold, modern energy. One of the most versatile palettes in contemporary brand design.
What industries use the Pink Color Palette?
The Pink Color Palette is popular in: Beauty, Fashion, Food, Lifestyle. Soft pinks create warm, approachable UI backgrounds. Bold fuchsia makes an impactful CTA or brand accent. Dusty rose adds sophistication when paired with cream and gold.
What colours pair well with this palette?
This palette pairs well with: white, gold, gray. Soft pinks create warm, approachable UI backgrounds. Bold fuchsia makes an impactful CTA or brand accent. Dusty rose adds sophistication when paired with cream and gold.