Delicate Japanese cherry blossom palette with soft rose quartz, dusty pink, and cream white shades.
Instantly shift Sakura Blossom Pink into Pastel, Dark, Luxury, Muted, or Vibrant variations.
Target industry compatibility and UI design system fit scores.
High-contrast data cards, charts, and clean sidebar navigation.
Instills institutional trust, wealth metrics, and transaction clarity.
Sleek dark or minimal backgrounds highlighting creative work.
Vibrant CTA buttons and product card grid contrast.
Calming, trustworthy tones ideal for clinical portals and telehealth.
Engaging, readable text contrast for learning management apps.
Optimized touch target contrast and compact mobile navigation.
Structured status indicators, tables, and settings control panels.
Instantly see how Sakura Blossom Pink behaves across real application layouts.
Leverage automated pipelines and real-time color tokens engineered for high-performing teams.
| Swatch | HEX | RGB | HSL | HSV | CMYK | OKLCH | Copy |
|---|---|---|---|---|---|---|---|
| #FFB7B2 | rgb(255, 183, 178) | hsl(4°, 100%, 85%) | hsv(4°, 30%, 100%) | cmyk(0%, 28%, 30%, 0%) | oklch(0.845 0.085 23.6°) | ||
| #FFDAC1 | rgb(255, 218, 193) | hsl(24°, 100%, 88%) | hsv(24°, 24%, 100%) | cmyk(0%, 15%, 24%, 0%) | oklch(0.913 0.053 55.7°) | ||
| #E2F0CB | rgb(226, 240, 203) | hsl(83°, 55%, 87%) | hsv(83°, 15%, 94%) | cmyk(6%, 0%, 15%, 6%) | oklch(0.935 0.051 124.6°) | ||
| #B5EAD7 | rgb(181, 234, 215) | hsl(158°, 56%, 81%) | hsv(158°, 23%, 92%) | cmyk(23%, 0%, 8%, 8%) | oklch(0.895 0.06 171.3°) | ||
| #C7CEEA | rgb(199, 206, 234) | hsl(228°, 45%, 85%) | hsv(228°, 15%, 92%) | cmyk(15%, 12%, 0%, 8%) | oklch(0.855 0.039 274.4°) |
Export directly for Tailwind, CSS Variables, SCSS, JSON, and Figma Tokens.
// Sakura Blossom Pink Tailwind Config
module.exports = {
theme: {
extend: {
colors: {
'sakura-blossom': {
'100': '#FFB7B2',
'200': '#FFDAC1',
'300': '#E2F0CB',
'400': '#B5EAD7',
'500': '#C7CEEA',
}
}
}
}
};Automated contrast ratio analysis and text overlay recommendations for Sakura Blossom Pink.
Theoretical color wheel relationships derived from the dominant brand color #FFB7B2.
Gentle pastel theme blending soft blush pink, baby blue, and lavender for wellness apps and creative agency portfolios.
Relaxing Provencal lavender field palette blending soft violet, sage green, and warm cream.
Romantic wedding theme featuring soft blush pink, rose gold metallic, and champagne pearl neutrals.
Discover high-contrast, accessible color schemes used by top SaaS products like Linear, Stripe, and Apple.
How leading brands use red, blue, green, and gold to evoke trust, urgency, and premium luxury.
How to use soft pastel palettes in modern web design without sacrificing text readability.