#FFFAF0
RGB(255, 250, 240)
#431B07
#7C3912
#9A4312
#C2550C
#EA710C
#F98C16
#FBA73C
#FDC974
#FEE0AA
#FFF2D5
#FFFAF0
Color Values
HEX
#FFFAF0
RGB
rgb(255, 250, 240)
HSL
hsl(40°, 100%, 97%)
CMYK
0%, 2%, 6%, 0%
HSV
40°, 6%, 100%
XYZ
91.15, 95.92, 96.15
Color Variations
Triadic Colors
#FFFAF0
#F0FFFA
#FAF0FF
Analogous Colors
#FFFAF0
#FDFFF0
#FFF3F0
Monochromatic Colors
#FFE1A4
#FFE9BD
#FFF2D7
#FFFAF0
CSS Examples
Petal Overlay
.petal-overlay {
background: #fffaf0;
background-image:
radial-gradient(circle at 100% 150%, #fffaf0 24%, #fff2d5 25%, #fff2d5 28%, #fffaf0 29%, #fffaf0 36%, #fff2d5 36%, #fff2d5 40%, transparent 40%),
radial-gradient(circle at 0 150%, #fffaf0 24%, #fff2d5 25%, #fff2d5 28%, #fffaf0 29%, #fffaf0 36%, #fff2d5 36%, #fff2d5 40%, transparent 40%);
background-size: 40px 60px;
opacity: 0.8;
}Floral Button
.floral-button {
background: linear-gradient(
145deg,
#fffaf0 0%,
#fff2d5 50%,
#fffaf0 100%
);
border: 1px solid #fee0aa;
border-radius: 25px;
box-shadow:
0 2px 15px rgba(254, 224, 170, 0.2),
inset 0 -2px 0 rgba(251, 167, 60, 0.05),
inset 0 2px 0 rgba(255, 255, 255, 0.9);
transition: all 0.3s ease;
}Silk Pattern
.silk-pattern {
background-color: #fffaf0;
background-image:
linear-gradient(45deg, #fff2d5 25%, transparent 25%),
linear-gradient(-45deg, #fff2d5 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #fff2d5 75%),
linear-gradient(-45deg, transparent 75%, #fff2d5 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}Magnolia Glow
.magnolia-glow {
background: #fffaf0;
box-shadow:
0 0 60px 30px #fffaf0,
0 0 100px 60px rgba(255, 242, 213, 0.5),
0 0 140px 90px rgba(254, 224, 170, 0.3);
border-radius: 50%;
animation: glow 3s ease-in-out infinite alternate;
}Linen Texture
.linen-texture {
background-color: #fffaf0;
background-image:
repeating-linear-gradient(
0deg,
transparent,
transparent 2px,
rgba(254, 224, 170, 0.1) 2px,
rgba(254, 224, 170, 0.1) 4px
),
repeating-linear-gradient(
90deg,
transparent,
transparent 2px,
rgba(254, 224, 170, 0.1) 2px,
rgba(254, 224, 170, 0.1) 4px
);
box-shadow: inset 0 0 30px rgba(251, 167, 60, 0.1);
}About Floral White
Floral White is a delicate, warm off-white color that exudes a sense of elegance and tranquility. This soft hue is inspired by the natural beauty of white flowers, capturing their subtle charm and grace.
Historical Significance
Originating from the gentle tones found in nature, Floral White is a versatile color that can be used in various settings. It is an excellent choice for creating a serene atmosphere in bedrooms, living rooms, or any space where a calming effect is desired.
Color Characteristics
Floral White is characterized by:
- Soft, creamy undertones
- Warm, inviting appearance
- Natural, organic feel
- Subtle elegance
- Timeless appeal
Symbolism and Meaning
Floral White represents:
- Elegance
- Tranquility
- Serenity
- Purity
- Timelessness
Modern Applications
Today, Floral White is used in:
- Interior design
- Wedding themes
- Minimalist aesthetics
- Textile design
- Digital interfaces
