Peach Puff Light
Peach Puff Light gives white space a powdery orange veil, noticeable on a monitor yet quiet enough for broad backgrounds.
Color Conversions
| Color model | Value | Common use |
|---|---|---|
| HEX | #FFF0E0 | Web and interface color |
| RGB | rgb(255, 240, 224) | Digital screens |
| HSL | hsl(31, 100%, 94%) | Hue-based adjustments |
| HSV | hsv(31, 12%, 100%) | Color pickers |
| CMYK | 0%, 6%, 12%, 0% | Print reference |
Real Design Examples 👇🏽
Color Combinations
Puff and Parchment
#fff0e0
#fcf5e5
#b39a7d
#574b3d
Navy Linen Header
#fff0e0
#000080
#99a5c5
#2a2a46
Terracotta Wash
#fff0e0
#e35336
#eca792
#6a352b
Mint Paper Air
#fff0e0
#3eb489
#afe0cb
#285b49
Other Color Collections
Fashion
Interior
Wallpapers
Patterns
Best Match
For interface work, Peach Puff Light can distinguish a gentle notice from the white page around it. Keep borders subtle and let text contrast do most of the separating.
Compared with cream, the swatch looks pinker; beside blush, it turns sandy and pale. That dependence on neighboring color is its most useful trait.
Layer Peach Puff over Peach Puff Light to separate cards with minimal color change. Oxford Blue can then handle the smallest interface labels.
Tints
#fff0e0
#fff2e3
#fff3e6
#fff4e9
#fff6ec
#fff8f0
#fff9f3
#fffaf6
#fffcf9
#fffefc
#ffffff
Shades
#fff0e0
#e6d8ca
#ccc0b3
#b2a89d
#999086
#807870
#66605a
#4c4843
#33302d
#1a1816
Triadic
#fff0e0
#ffffff
#ffffff
Monochromatic
#a69c92
#d1c5b8
#fff0e0
#fff3e6
#fff5eb
Analogous
#ffffff
#fff0e0
#ffffff
Complementary
#fff0e0
#ffffff